Colour
#BBC1DD
- #BBC1DD
- Blue
- Light
- Nearest: Light steelblue
#BBC1DD is a blue with RGB values 187, 193, 221 and HSL 229°, 33%, 80%. It is a light colour, so black text on it reaches 11.8:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.
Colour values
#BBC1DD#BBC1DD
HEX#BBC1DD
RGBrgb(187, 193, 221)
RGB (0–1)0.7333, 0.7569, 0.8667
RGB percentages73.3%, 75.7%, 86.7%
HSLhsl(229.4, 33.3%, 80%)
HSV / HSBhsv(229.4, 15.4%, 86.7%)
CMYK15.4%, 12.7%, 0%, 13.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,304,861
CSS custom property--colour: #BBC1DD;
Brightness & contrast
Relative luminance0.53925WCAG 2.x, 0 is black and 1 is white
Perceived brightness194.7 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 11.79:1
Contrast with white1.78:1WCAG normal text: Fail
Contrast with black11.79:1WCAG normal text: AAA
Greyscale equivalent#C2C2C2
Inverted#443E22
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.78:1WCAG large text: Fail
Contrast with black, large text11.79:1WCAG large text: AAA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#DDD7BB
Analogous#BBD2DD, #C6BBDD
Triadic#DDBBC1, #C1DDBB
Split complementary#DDC6BB, #D2DDBB
Tetradic#DDBBD2, #DDD7BB, #BBDDC6
Tints, shades & saturation
Channel breakdown
R187
G193
B221
Red187 (73.3%)
Green193 (75.7%)
Blue221 (86.7%)
Hue229.41°
Saturation (HSL)33.33%
Lightness80%
Dominant channelBlue
Hex per channelR BB · G C1 · B DD
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