Recognised as Colour
#ABB4D6
- #ABB4D6
- Blue
- Dark
- Nearest: Light steelblue
#ABB4D6 is a blue with RGB values 171, 180, 214 and HSL 227°, 34%, 75%. It is a dark colour, so black text on it reaches 10.2:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.
Colour values
#ABB4D6#ABB4D6
HEX#ABB4D6
RGBrgb(171, 180, 214)
RGB (0–1)0.6706, 0.7059, 0.8392
RGB percentages67.1%, 70.6%, 83.9%
HSLhsl(227.4, 34.4%, 75.5%)
HSV / HSBhsv(227.4, 20.1%, 83.9%)
CMYK20.1%, 15.9%, 0%, 16.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer11,252,950
CSS custom property--colour: #ABB4D6;
Brightness & contrast
Relative luminance0.46155WCAG 2.x, 0 is black and 1 is white
Perceived brightness181.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 10.23:1
Contrast with white2.05:1WCAG normal text: Fail
Contrast with black10.23:1WCAG normal text: AAA
Greyscale equivalent#B5B5B5
Inverted#544B29
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.05:1WCAG large text: Fail
Contrast with black, large text10.23:1WCAG large text: AAA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#D6CDAB
Analogous#ABCAD6, #B8ABD6
Triadic#D6ABB4, #B4D6AB
Split complementary#D6B8AB, #CAD6AB
Tetradic#D6ABC9, #D6CDAB, #ABD6B8
Tints, shades & saturation
Channel breakdown
R171
G180
B214
Red171 (67.1%)
Green180 (70.6%)
Blue214 (83.9%)
Hue227.44°
Saturation (HSL)34.4%
Lightness75.49%
Dominant channelBlue
Hex per channelR AB · G B4 · B D6
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page