Colour

#5D5E60

#5D5E60
Grey
Dark
Nearest: Dim grey

#5D5E60 is a grey with RGB values 93, 94, 96 and HSL 220°, 2%, 37%. It is a dark colour, so white text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Dim grey.

Colour values

#5D5E60#5D5E60

HEX#5D5E60

RGBrgb(93, 94, 96)

RGB (0–1)0.3647, 0.3686, 0.3765

RGB percentages36.5%, 36.9%, 37.6%

HSLhsl(220, 1.6%, 37.1%)

HSV / HSBhsv(220, 3.1%, 37.6%)

CMYK3.1%, 2.1%, 0%, 62.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer6,119,008

CSS custom property--colour: #5D5E60;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.49:1

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

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

Greyscale equivalent#5E5E5E

Inverted#A2A19F

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dim grey · ΔE 4.7 Gray · ΔE 13.8 Dark slate grey · ΔE 14.8 Slate grey · ΔE 16.1 Light slate grey · ΔE 18.9 Dark grey · ΔE 29.4

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

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#605F5D

Analogous#5D6060, #5E5D60

Triadic#605D5E, #5E605D

Split complementary#605E5D, #60605D

Tetradic#605D60, #605F5D, #5D605E

Tints, shades & saturation

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

Lighter +40%#C4C4C5

Lighter +30%#AAABAC

Lighter +20%#909193

Lighter +10%#76777A

Darker −10%#444546

Darker −20%#2B2B2C

Darker −30%#121212

Darker −40%#000000

More saturated +25%#455678

Less saturated −25%#5F5F5F

Channel breakdown

R93

G94

B96

Red93 (36.5%)

Green94 (36.9%)

Blue96 (37.6%)

Hue220°

Saturation (HSL)1.59%

Lightness37.06%

Dominant channelBlue

Hex per channelR 5D · G 5E · B 60

Keep nerding

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

#5D5E60

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