Colour

#909CB8

#909CB8
Blue
Dark
Nearest: Light slate grey

#909CB8 is a blue with RGB values 144, 156, 184 and HSL 222°, 22%, 64%. It is a dark colour, so black text on it reaches 7.6:1 contrast (AAA for normal text). The nearest named colour is Light slate grey.

Colour values

#909CB8#909CB8

HEX#909CB8

RGBrgb(144, 156, 184)

RGB (0–1)0.5647, 0.6118, 0.7216

RGB percentages56.5%, 61.2%, 72.2%

HSLhsl(222, 22%, 64.3%)

HSV / HSBhsv(222, 21.7%, 72.2%)

CMYK21.7%, 15.2%, 0%, 27.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer9,477,304

CSS custom property--colour: #909CB8;

Brightness & contrast

Relative luminance0.33167WCAG 2.x, 0 is black and 1 is white

Perceived brightness156 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.63:1

Contrast with white2.75:1WCAG normal text: Fail

Contrast with black7.63:1WCAG normal text: AAA

Greyscale equivalent#9B9B9B

Inverted#6F6347

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#949EB9no red cones; affects about 1% of men; ΔE 1.2 from the original

Deuteranopia#909AB7no green cones; the most common form, about 1% of men; ΔE 1.1 from the original

Tritanopia#86A1A5no blue cones; rare, and affects men and women equally; ΔE 14.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text2.75:1WCAG large text: Fail

Contrast with black, large text7.63:1WCAG large text: AAA

Named colours

Light slate grey · ΔE 10.5 Slate grey · ΔE 13.3 Light steelblue · ΔE 14.5 Dark grey · ΔE 16.8 Gray · ΔE 19.3 Thistle · ΔE 20.6

Nearest named CSS colourLight slate grey (#778899)ΔE 10.5, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#B8AC90

Analogous#90B0B8, #9890B8

Triadic#B8909C, #9CB890

Split complementary#B89890, #B0B890

Tetradic#B890B0, #B8AC90, #90B898

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FFFFFF

Lighter +30%#EDEFF4

Lighter +20%#CED3E0

Lighter +10%#AFB8CC

Darker −10%#7180A4

Darker −20%#58678A

Darker −30%#44506B

Darker −40%#30394C

More saturated +25%#7993CF

Less saturated −25%#A4A4A4

Channel breakdown

R144

G156

B184

Red144 (56.5%)

Green156 (61.2%)

Blue184 (72.2%)

Hue222°

Saturation (HSL)21.98%

Lightness64.31%

Dominant channelBlue

Hex per channelR 90 · G 9C · B B8

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#909CB8

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else