Colour

#576C9D

#576C9D
Blue
Dark
Nearest: Steel blue

#576C9D is a blue with RGB values 87, 108, 157 and HSL 222°, 29%, 48%. It is a dark colour, so white text on it reaches 5.2:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#576C9D#576C9D

HEX#576C9D

RGBrgb(87, 108, 157)

RGB (0–1)0.3412, 0.4235, 0.6157

RGB percentages34.1%, 42.4%, 61.6%

HSLhsl(222, 28.7%, 47.8%)

HSV / HSBhsv(222, 44.6%, 61.6%)

CMYK44.6%, 31.2%, 0%, 38.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,729,437

CSS custom property--colour: #576C9D;

Brightness & contrast

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

Perceived brightness109.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.2:1

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

Contrast with black4.04:1WCAG normal text: Fail

Greyscale equivalent#6B6B6B

Inverted#A89362

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#536A9Cno green cones; the most common form, about 1% of men; ΔE 1.2 from the original

Tritanopia#3E767Dno blue cones; rare, and affects men and women equally; ΔE 29.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text4.04:1WCAG large text: AA

Named colours

Steel blue · ΔE 12.2 Slate grey · ΔE 21.2 Light slate grey · ΔE 22 Cornflower blue · ΔE 26.1 Dark slateblue · ΔE 28.5 Dim grey · ΔE 29.6

Nearest named CSS colourSteel blue (#4682B4)ΔE 12.2, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#9D8857

Analogous#578F9D, #65579D

Triadic#9D576C, #6C9D57

Split complementary#9D6557, #8F9D57

Tetradic#9D578F, #9D8857, #579D65

Tints, shades & saturation

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

Lighter +40%#D7DCE9

Lighter +30%#B6C0D7

Lighter +20%#95A4C5

Lighter +10%#7587B2

Darker −10%#45557C

Darker −20%#333F5B

Darker −30%#20283B

Darker −40%#0E121A

More saturated +25%#3960BC

Less saturated −25%#76787F

Channel breakdown

R87

G108

B157

Red87 (34.1%)

Green108 (42.4%)

Blue157 (61.6%)

Hue222°

Saturation (HSL)28.69%

Lightness47.84%

Dominant channelBlue

Hex per channelR 57 · G 6C · B 9D

Keep nerding

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

#576C9D

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