Recognised as Colour

#575C7D

#575C7D
Blue
Dark
Nearest: Slate grey

#575C7D is a blue with RGB values 87, 92, 125 and HSL 232°, 18%, 42%. It is a dark colour, so white text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#575C7D#575C7D

HEX#575C7D

RGBrgb(87, 92, 125)

RGB (0–1)0.3412, 0.3608, 0.4902

RGB percentages34.1%, 36.1%, 49%

HSLhsl(232.1, 17.9%, 41.6%)

HSV / HSBhsv(232.1, 30.4%, 49%)

CMYK30.4%, 26.4%, 0%, 51%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,725,309

CSS custom property--colour: #575C7D;

Brightness & contrast

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

Perceived brightness94.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.5:1

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

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

Greyscale equivalent#5D5D5D

Inverted#A8A382

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#525F7Eno red cones; affects about 1% of men; ΔE 3.2 from the original

Deuteranopia#505D7Cno green cones; the most common form, about 1% of men; ΔE 3.2 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 17.7 Light slate grey · ΔE 19.9 Dim grey · ΔE 20.7 Steel blue · ΔE 20.9 Gray · ΔE 24.4 Dark slate grey · ΔE 25.2

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7D7857

Analogous#576F7D, #65577D

Triadic#7D575C, #5C7D57

Split complementary#7D6557, #6F7D57

Tetradic#7D576F, #7D7857, #577D65

Tints, shades & saturation

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

Lighter +40%#C8CAD8

Lighter +30%#AAADC3

Lighter +20%#8B90AF

Lighter +10%#6D739A

Darker −10%#42465F

Darker −20%#2D3041

Darker −30%#181A23

Darker −40%#030305

More saturated +25%#3C4898

Less saturated −25%#6A6A6A

Channel breakdown

R87

G92

B125

Red87 (34.1%)

Green92 (36.1%)

Blue125 (49%)

Hue232.11°

Saturation (HSL)17.92%

Lightness41.57%

Dominant channelBlue

Hex per channelR 57 · G 5C · B 7D

Keep nerding

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

#575C7D

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