Colour
#CCC5DE
- #CCC5DE
- Violet
- Light
- Nearest: Thistle
#CCC5DE is a violet with RGB values 204, 197, 222 and HSL 257°, 27%, 82%. It is a light colour, so black text on it reaches 12.6:1 contrast (AAA for normal text). The nearest named colour is Thistle.
Colour values
#CCC5DE#CCC5DE
HEX#CCC5DE
RGBrgb(204, 197, 222)
RGB (0–1)0.8, 0.7725, 0.8706
RGB percentages80%, 77.3%, 87.1%
HSLhsl(256.8, 27.5%, 82.2%)
HSV / HSBhsv(256.8, 11.3%, 87.1%)
CMYK8.1%, 11.3%, 0%, 12.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,419,998
CSS custom property--colour: #CCC5DE;
Brightness & contrast
Relative luminance0.58044WCAG 2.x, 0 is black and 1 is white
Perceived brightness202.1 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 12.61:1
Contrast with white1.67:1WCAG normal text: Fail
Contrast with black12.61:1WCAG normal text: AAA
Greyscale equivalent#C8C8C8
Inverted#333A21
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.67:1WCAG large text: Fail
Contrast with black, large text12.61:1WCAG large text: AAA
Named colours
Hue familyviolet
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#D7DEC5
Analogous#C5CBDE, #D8C5DE
Triadic#DECCC5, #C5DECC
Split complementary#DED8C5, #CADEC5
Tetradic#DEC5CB, #D7DEC5, #C5DED8
Tints, shades & saturation
Channel breakdown
R204
G197
B222
Red204 (80%)
Green197 (77.3%)
Blue222 (87.1%)
Hue256.8°
Saturation (HSL)27.47%
Lightness82.16%
Dominant channelBlue
Hex per channelR CC · G C5 · B DE
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page