Colour
#BBC3DE
- #BBC3DE
- Blue
- Light
- Nearest: Light steelblue
#BBC3DE is a blue with RGB values 187, 195, 222 and HSL 226°, 35%, 80%. It is a light colour, so black text on it reaches 12:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.
Colour values
#BBC3DE#BBC3DE
HEX#BBC3DE
RGBrgb(187, 195, 222)
RGB (0–1)0.7333, 0.7647, 0.8706
RGB percentages73.3%, 76.5%, 87.1%
HSLhsl(226.3, 34.7%, 80.2%)
HSV / HSBhsv(226.3, 15.8%, 87.1%)
CMYK15.8%, 12.2%, 0%, 12.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,305,374
CSS custom property--colour: #BBC3DE;
Brightness & contrast
Relative luminance0.54869WCAG 2.x, 0 is black and 1 is white
Perceived brightness195.9 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 11.97:1
Contrast with white1.75:1WCAG normal text: Fail
Contrast with black11.97:1WCAG normal text: AAA
Greyscale equivalent#C3C3C3
Inverted#443C21
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.75:1WCAG large text: Fail
Contrast with black, large text11.97:1WCAG large text: AAA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#DED6BB
Analogous#BBD5DE, #C4BBDE
Triadic#DEBBC3, #C3DEBB
Split complementary#DEC5BB, #D5DEBB
Tetradic#DEBBD5, #DED6BB, #BBDEC5
Tints, shades & saturation
Channel breakdown
R187
G195
B222
Red187 (73.3%)
Green195 (76.5%)
Blue222 (87.1%)
Hue226.29°
Saturation (HSL)34.65%
Lightness80.2%
Dominant channelBlue
Hex per channelR BB · G C3 · 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