HEX Color #BDA8D3 (Thistle)

About #BDA8D3

The precise color #BDA8D3 is an excellent choice for modern design projects. Designers often compare it to the standard color Thistle. In the RGB color space, it consists of 189 red, 168 green, and 211 blue.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 10% cyan and 20% magenta inks. The HSL representation is 269.3° hue, 32.8% saturation, and 74.3% lightness.

From a UX and accessibility standpoint, contrast is paramount. Because it is a light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#BDA8D3

RGB189, 168, 211

HSL269.3°, 32.8%, 74.3%

CMYK10%, 20%, 0%, 17%

HSV269.3°, 20.4%, 82.7%

LAB71.9, 15.7, -19.0

XYZ46.7, 43.5, 67.6

Decimal12429523

Color Harmonies

Complementary

#BDA8D3 #BED3A8

Analogous

#A8A8D3 #D2A8D3

Triadic

#D3BDA8 #A8D3BD

Tetradic

#D3A8A8 #BED3A8 #A8D3D2

Tints, Shades & Tones

Tints (Adding White)

#BDA8D3

#C4B1D7

#CBBBDC

#D3C5E1

#DACEE6

#E1D8EB

#E9E2F0

#F0EBF5

#F7F5FA

#FFFFFF

Shades (Adding Black)

#BDA8D3

#A895BB

#9382A4

#7E708C

#695D75

#544A5D

#3F3846

#2A252E

#151217

#000000

WCAG Contrast Accessibility

2.16:1

Text on #FFFFFF

FAIL

9.71:1

Text on #000000

AAA

2.07:1

Text on #F8FAFC

FAIL

8.25:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #BDA8D3; }

.text-color { color: #BDA8D3; }

.border-color { border: 2px solid #BDA8D3; }

Similar Colors

Thistle

#D8BFD8