Colour

#5F5976

#5F5976
Blue
Dark
Nearest: Slate grey

#5F5976 is a blue with RGB values 95, 89, 118 and HSL 252°, 14%, 41%. It is a dark colour, so white text on it reaches 6.6:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#5F5976#5F5976

HEX#5F5976

RGBrgb(95, 89, 118)

RGB (0–1)0.3725, 0.349, 0.4627

RGB percentages37.3%, 34.9%, 46.3%

HSLhsl(252.4, 14%, 40.6%)

HSV / HSBhsv(252.4, 24.6%, 46.3%)

CMYK19.5%, 24.6%, 0%, 53.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,248,822

CSS custom property--colour: #5F5976;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.61:1

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

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

Greyscale equivalent#5C5C5C

Inverted#A0A689

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#535D77no red cones; affects about 1% of men; ΔE 6.3 from the original

Deuteranopia#535C75no green cones; the most common form, about 1% of men; ΔE 6.2 from the original

Tritanopia#5B5E63no blue cones; rare, and affects men and women equally; ΔE 15.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Slate grey · ΔE 18.2 Dim grey · ΔE 18.6 Light slate grey · ΔE 20.5 Gray · ΔE 22.9 Steel blue · ΔE 24.9 Dark slate grey · ΔE 25.2

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#707659

Analogous#596276, #6E5976

Triadic#765F59, #59765F

Split complementary#766E59, #627659

Tetradic#765962, #707659, #59766D

Tints, shades & saturation

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

Lighter +40%#C9C7D4

Lighter +30%#AEA9BF

Lighter +20%#928CA9

Lighter +10%#776F93

Darker −10%#484359

Darker −20%#302D3C

Darker −30%#19171F

Darker −40%#010102

More saturated +25%#503F90

Less saturated −25%#686868

Channel breakdown

R95

G89

B118

Red95 (37.3%)

Green89 (34.9%)

Blue118 (46.3%)

Hue252.41°

Saturation (HSL)14.01%

Lightness40.59%

Dominant channelBlue

Hex per channelR 5F · G 59 · B 76

Keep nerding

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

#5F5976

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