Recognised as Colour

#55667E

#55667E
Blue
Dark
Nearest: Slate grey

#55667E is a blue with RGB values 85, 102, 126 and HSL 215°, 19%, 41%. It is a dark colour, so white text on it reaches 5.9:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#55667E#55667E

HEX#55667E

RGBrgb(85, 102, 126)

RGB (0–1)0.3333, 0.4, 0.4941

RGB percentages33.3%, 40%, 49.4%

HSLhsl(215.1, 19.4%, 41.4%)

HSV / HSBhsv(215.1, 32.5%, 49.4%)

CMYK32.5%, 19%, 0%, 50.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,596,798

CSS custom property--colour: #55667E;

Brightness & contrast

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

Perceived brightness100.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.85:1

Contrast with white5.85:1WCAG normal text: AA

Contrast with black3.59:1WCAG normal text: Fail

Greyscale equivalent#646464

Inverted#AA9981

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5E677Fno red cones; affects about 1% of men; ΔE 3 from the original

Deuteranopia#59637Dno green cones; the most common form, about 1% of men; ΔE 2.9 from the original

Tritanopia#496B6Eno blue cones; rare, and affects men and women equally; ΔE 14.8 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.85:1WCAG large text: AAA

Contrast with black, large text3.59:1WCAG large text: AA

Named colours

Slate grey · ΔE 11.4 Light slate grey · ΔE 14.1 Dim grey · ΔE 15.6 Gray · ΔE 18.9 Steel blue · ΔE 19.8 Dark slate grey · ΔE 20

Nearest named CSS colourSlate grey (#708090)ΔE 11.44, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7E6D55

Analogous#557A7E, #58557E

Triadic#7E5566, #667E55

Split complementary#7E5855, #7A7E55

Tetradic#7E557B, #7E6D55, #557E58

Tints, shades & saturation

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

Lighter +40%#C6CED9

Lighter +30%#A8B4C4

Lighter +20%#8999B0

Lighter +10%#6B7F9B

Darker −10%#404D60

Darker −20%#2C3541

Darker −30%#171C23

Darker −40%#030304

More saturated +25%#3B6198

Less saturated −25%#6A6A6A

Channel breakdown

R85

G102

B126

Red85 (33.3%)

Green102 (40%)

Blue126 (49.4%)

Hue215.12°

Saturation (HSL)19.43%

Lightness41.37%

Dominant channelBlue

Hex per channelR 55 · G 66 · B 7E

Keep nerding

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

#55667E

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