Colour
#B4BCD4
- #B4BCD4
- Blue
- Light
- Nearest: Light steelblue
#B4BCD4 is a blue with RGB values 180, 188, 212 and HSL 225°, 27%, 77%. It is a light colour, so black text on it reaches 11.1:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.
Colour values
#B4BCD4#B4BCD4
HEX#B4BCD4
RGBrgb(180, 188, 212)
RGB (0–1)0.7059, 0.7373, 0.8314
RGB percentages70.6%, 73.7%, 83.1%
HSLhsl(225, 27.1%, 76.9%)
HSV / HSBhsv(225, 15.1%, 83.1%)
CMYK15.1%, 11.3%, 0%, 16.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,844,820
CSS custom property--colour: #B4BCD4;
Brightness & contrast
Relative luminance0.50423WCAG 2.x, 0 is black and 1 is white
Perceived brightness188.6 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 11.08:1
Contrast with white1.89:1WCAG normal text: Fail
Contrast with black11.08:1WCAG normal text: AAA
Greyscale equivalent#BCBCBC
Inverted#4B432B
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.89:1WCAG large text: Fail
Contrast with black, large text11.08:1WCAG large text: AAA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#D4CCB4
Analogous#B4CCD4, #BCB4D4
Triadic#D4B4BC, #BCD4B4
Split complementary#D4BCB4, #CCD4B4
Tetradic#D4B4CC, #D4CCB4, #B4D4BC
Tints, shades & saturation
Channel breakdown
R180
G188
B212
Red180 (70.6%)
Green188 (73.7%)
Blue212 (83.1%)
Hue225°
Saturation (HSL)27.12%
Lightness76.86%
Dominant channelBlue
Hex per channelR B4 · G BC · B D4
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