Colour

#9EB2DF

#9EB2DF
Blue
Dark
Nearest: Light steelblue

#9EB2DF is a blue with RGB values 158, 178, 223 and HSL 222°, 50%, 75%. It is a dark colour, so black text on it reaches 9.9:1 contrast (AAA for normal text). The nearest named colour is Light steelblue.

Colour values

#9EB2DF#9EB2DF

HEX#9EB2DF

RGBrgb(158, 178, 223)

RGB (0–1)0.6196, 0.698, 0.8745

RGB percentages62%, 69.8%, 87.5%

HSLhsl(221.5, 50.4%, 74.7%)

HSV / HSBhsv(221.5, 29.1%, 87.5%)

CMYK29.1%, 20.2%, 0%, 12.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer10,400,479

CSS custom property--colour: #9EB2DF;

Brightness & contrast

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

Perceived brightness178.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.89:1

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

Contrast with black9.89:1WCAG normal text: AAA

Greyscale equivalent#B1B1B1

Inverted#614D20

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#A4B5E1no red cones; affects about 1% of men; ΔE 1.7 from the original

Deuteranopia#9EAFDEno green cones; the most common form, about 1% of men; ΔE 1.8 from the original

Tritanopia#8CBBC1no blue cones; rare, and affects men and women equally; ΔE 24.1 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text9.89:1WCAG large text: AAA

Named colours

Light steelblue · ΔE 12.2 Light skyblue · ΔE 16.3 Sky blue · ΔE 19.7 Thistle · ΔE 20 Light slate grey · ΔE 22.3 Light blue · ΔE 22.5

Nearest named CSS colourLight steelblue (#B0C4DE)ΔE 12.22, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DFCB9E

Analogous#9ED3DF, #AB9EDF

Triadic#DF9EB2, #B2DF9E

Split complementary#DFAB9E, #D3DF9E

Tetradic#DF9ED3, #DFCB9E, #9EDFAB

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#EBEFF8

Lighter +10%#C4D0EC

Darker −10%#7894D2

Darker −20%#5175C6

Darker −30%#395CAB

Darker −40%#2C4785

More saturated +25%#8EACEF

Less saturated −25%#AEB8CF

Channel breakdown

R158

G178

B223

Red158 (62%)

Green178 (69.8%)

Blue223 (87.5%)

Hue221.54°

Saturation (HSL)50.39%

Lightness74.71%

Dominant channelBlue

Hex per channelR 9E · G B2 · B DF

Keep nerding

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

#9EB2DF

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