Recognised as Colour

#57567C

#57567C
Blue
Dark
Nearest: Slate grey

#57567C is a blue with RGB values 87, 86, 124 and HSL 242°, 18%, 41%. It is a dark colour, so white text on it reaches 6.9:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#57567C#57567C

HEX#57567C

RGBrgb(87, 86, 124)

RGB (0–1)0.3412, 0.3373, 0.4863

RGB percentages34.1%, 33.7%, 48.6%

HSLhsl(241.6, 18.1%, 41.2%)

HSV / HSBhsv(241.6, 30.6%, 48.6%)

CMYK29.8%, 30.6%, 0%, 51.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,723,772

CSS custom property--colour: #57567C;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.94:1

Contrast with white6.94:1WCAG normal text: AA

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

Greyscale equivalent#595959

Inverted#A8A983

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4B5B7Eno red cones; affects about 1% of men; ΔE 6.4 from the original

Deuteranopia#4A597Bno green cones; the most common form, about 1% of men; ΔE 6.3 from the original

Tritanopia#4E5D63no blue cones; rare, and affects men and women equally; ΔE 21.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text6.94:1WCAG large text: AAA

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

Named colours

Slate grey · ΔE 21.8 Steel blue · ΔE 22.7 Light slate grey · ΔE 23.8 Dim grey · ΔE 24.2 Dark slateblue · ΔE 27.4 Gray · ΔE 28.1

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7B7C56

Analogous#56687C, #6A567C

Triadic#7C5756, #567C57

Split complementary#7C6A56, #687C56

Tetradic#7C5668, #7B7C56, #567C6A

Tints, shades & saturation

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

Lighter +40%#C7C6D8

Lighter +30%#A9A8C3

Lighter +20%#8B8AAE

Lighter +10%#6D6C99

Darker −10%#42415E

Darker −20%#2D2C40

Darker −30%#181722

Darker −40%#020204

More saturated +25%#3E3C96

Less saturated −25%#696969

Channel breakdown

R87

G86

B124

Red87 (34.1%)

Green86 (33.7%)

Blue124 (48.6%)

Hue241.58°

Saturation (HSL)18.1%

Lightness41.18%

Dominant channelBlue

Hex per channelR 57 · G 56 · B 7C

Keep nerding

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

#57567C

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