HEX Color #D3A8C5 (Thistle)

About #D3A8C5

The hex code #D3A8C5 represents a beautifully specific shade of magenta. Designers often compare it to the standard color Thistle. Its digital footprint relies on 211 parts red, 168 parts green, and 197 parts blue light.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 0% cyan and 20% magenta inks. The HSL representation is 319.5° hue, 32.8% saturation, and 74.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#D3A8C5

RGB211, 168, 197

HSL319.5°, 32.8%, 74.3%

CMYK0%, 20%, 7%, 17%

HSV319.5°, 20.4%, 82.7%

LAB73.5, 20.5, -8.8

XYZ50.9, 45.9, 59.0

Decimal13871301

Color Harmonies

Complementary

#D3A8C5 #A8D3B6

Analogous

#CBA8D3 #D3A8AF

Triadic

#C5D3A8 #A8C5D3

Tetradic

#D3CBA8 #A8D3B6 #A8AFD3

Tints, Shades & Tones

Tints (Adding White)

#D3A8C5

#D7B1CB

#DCBBD1

#E1C5D8

#E6CEDE

#EBD8E5

#F0E2EB

#F5EBF2

#FAF5F8

#FFFFFF

Shades (Adding Black)

#D3A8C5

#BB95AF

#A48299

#8C7083

#755D6D

#5D4A57

#463841

#2E252B

#171215

#000000

WCAG Contrast Accessibility

2.06:1

Text on #FFFFFF

FAIL

10.18:1

Text on #000000

AAA

1.97:1

Text on #F8FAFC

FAIL

8.65:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #D3A8C5; }

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

Similar Colors

Thistle

#D8BFD8