Colour

#5B6162

#5B6162
Grey
Dark
Nearest: Dim grey

#5B6162 is a grey with RGB values 91, 97, 98 and HSL 189°, 4%, 37%. It is a dark colour, so white text on it reaches 6.3:1 contrast (AA for normal text). The nearest named colour is Dim grey.

Colour values

#5B6162#5B6162

HEX#5B6162

RGBrgb(91, 97, 98)

RGB (0–1)0.3569, 0.3804, 0.3843

RGB percentages35.7%, 38%, 38.4%

HSLhsl(188.6, 3.7%, 37.1%)

HSV / HSBhsv(188.6, 7.1%, 38.4%)

CMYK7.1%, 1%, 0%, 61.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,988,706

CSS custom property--colour: #5B6162;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.3:1

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

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

Greyscale equivalent#606060

Inverted#A49E9D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#606062no red cones; affects about 1% of men; ΔE 2.5 from the original

Deuteranopia#5F5F62no green cones; the most common form, about 1% of men; ΔE 2.8 from the original

Tritanopia#596261no blue cones; rare, and affects men and women equally; ΔE 1.8 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dim grey · ΔE 4.5 Gray · ΔE 13.2 Dark slate grey · ΔE 13.7 Slate grey · ΔE 15.3 Light slate grey · ΔE 18.1 Cadetblue · ΔE 27.7

Nearest named CSS colourDim grey (#696969)ΔE 4.52, a close match

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#625C5B

Analogous#5B6260, #5B5E62

Triadic#625B61, #61625B

Split complementary#625B5E, #62605B

Tetradic#605B62, #625C5B, #5E625B

Tints, shades & saturation

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

Lighter +40%#C2C6C7

Lighter +30%#A8ADAE

Lighter +20%#8D9496

Lighter +10%#747B7C

Darker −10%#424748

Darker −20%#2A2D2D

Darker −30%#111213

Darker −40%#000000

More saturated +25%#43727A

Less saturated −25%#5F5F5F

Channel breakdown

R91

G97

B98

Red91 (35.7%)

Green97 (38%)

Blue98 (38.4%)

Hue188.57°

Saturation (HSL)3.7%

Lightness37.06%

Dominant channelBlue

Hex per channelR 5B · G 61 · B 62

Keep nerding

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

#5B6162

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