Recognised as Colour
#CFD5DF
- #CFD5DF
- Blue
- Light
- Nearest: Light grey
#CFD5DF is a blue with RGB values 207, 213, 223 and HSL 217°, 20%, 84%. It is a light colour, so black text on it reaches 14.2:1 contrast (AAA for normal text). The nearest named colour is Light grey.
Colour values
#CFD5DF#CFD5DF
HEX#CFD5DF
RGBrgb(207, 213, 223)
RGB (0–1)0.8118, 0.8353, 0.8745
RGB percentages81.2%, 83.5%, 87.5%
HSLhsl(217.5, 20%, 84.3%)
HSV / HSBhsv(217.5, 7.2%, 87.5%)
CMYK7.2%, 4.5%, 0%, 12.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,620,703
CSS custom property--colour: #CFD5DF;
Brightness & contrast
Relative luminance0.66182WCAG 2.x, 0 is black and 1 is white
Perceived brightness212.4 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.24:1
Contrast with white1.48:1WCAG normal text: Fail
Contrast with black14.24:1WCAG normal text: AAA
Greyscale equivalent#D4D4D4
Inverted#302A20
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.48:1WCAG large text: Fail
Contrast with black, large text14.24:1WCAG large text: AAA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#DFD9CF
Analogous#CFDDDF, #D1CFDF
Triadic#DFCFD5, #D5DFCF
Split complementary#DFD1CF, #DDDFCF
Tetradic#DFCFDD, #DFD9CF, #CFDFD1
Tints, shades & saturation
Channel breakdown
R207
G213
B223
Red207 (81.2%)
Green213 (83.5%)
Blue223 (87.5%)
Hue217.5°
Saturation (HSL)20%
Lightness84.31%
Dominant channelBlue
Hex per channelR CF · G D5 · B DF
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