HEX Color #C5A8B6 (Thistle)

About #C5A8B6

The precise color #C5A8B6 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Thistle. In the RGB color space, it consists of 197 red, 168 green, and 182 blue.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 0% cyan, 15% magenta, 8% yellow, and 23% black. The HSL representation is 331.0° hue, 20.0% saturation, and 71.6% 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#C5A8B6

RGB197, 168, 182

HSL331.0°, 20.0%, 71.6%

CMYK0%, 15%, 8%, 23%

HSV331.0°, 14.7%, 77.3%

LAB71.7, 12.9, -3.3

XYZ45.5, 43.3, 50.2

Decimal12953782

Color Harmonies

Complementary

#C5A8B6 #A7C4B6

Analogous

#C4A7C4 #C4A8A7

Triadic

#B5C4A7 #A7B5C4

Tetradic

#C4C4A7 #A7C4B6 #A8A7C4

Tints, Shades & Tones

Tints (Adding White)

#C5A8B6

#CBB1BE

#D1BBC6

#D8C5CE

#DECED6

#E5D8DE

#EBE2E6

#F2EBEE

#F8F5F6

#FFFFFF

Shades (Adding Black)

#C5A8B6

#AF95A1

#99828D

#837079

#6D5D65

#574A50

#41383C

#2B2528

#151214

#000000

WCAG Contrast Accessibility

2.18:1

Text on #FFFFFF

FAIL

9.65:1

Text on #000000

AAA

2.08:1

Text on #F8FAFC

FAIL

8.20:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #C5A8B6; }

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

Similar Colors

Thistle

#D8BFD8