Colour
#CDD4DE
- #CDD4DE
- Blue
- Light
- Nearest: Light grey
#CDD4DE is a blue with RGB values 205, 212, 222 and HSL 215°, 20%, 84%. It is a light colour, so black text on it reaches 14.1:1 contrast (AAA for normal text). The nearest named colour is Light grey.
Colour values
#CDD4DE#CDD4DE
HEX#CDD4DE
RGBrgb(205, 212, 222)
RGB (0–1)0.8039, 0.8314, 0.8706
RGB percentages80.4%, 83.1%, 87.1%
HSLhsl(215.3, 20.5%, 83.7%)
HSV / HSBhsv(215.3, 7.7%, 87.1%)
CMYK7.7%, 4.5%, 0%, 12.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,489,374
CSS custom property--colour: #CDD4DE;
Brightness & contrast
Relative luminance0.6534WCAG 2.x, 0 is black and 1 is white
Perceived brightness211.1 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.07:1
Contrast with white1.49:1WCAG normal text: Fail
Contrast with black14.07:1WCAG normal text: AAA
Greyscale equivalent#D3D3D3
Inverted#322B21
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.49:1WCAG large text: Fail
Contrast with black, large text14.07:1WCAG large text: AAA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#DED7CD
Analogous#CDDDDE, #CFCDDE
Triadic#DECDD4, #D4DECD
Split complementary#DECFCD, #DDDECD
Tetradic#DECDDD, #DED7CD, #CDDECF
Tints, shades & saturation
Channel breakdown
R205
G212
B222
Red205 (80.4%)
Green212 (83.1%)
Blue222 (87.1%)
Hue215.29°
Saturation (HSL)20.48%
Lightness83.73%
Dominant channelBlue
Hex per channelR CD · G D4 · 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