Colour

#53555E

#53555E
Grey
Dark
Nearest: Dim grey

#53555E is a grey with RGB values 83, 85, 94 and HSL 229°, 6%, 35%. It is a dark colour, so white text on it reaches 7.4:1 contrast (AAA for normal text). The nearest named colour is Dim grey.

Colour values

#53555E#53555E

HEX#53555E

RGBrgb(83, 85, 94)

RGB (0–1)0.3255, 0.3333, 0.3686

RGB percentages32.5%, 33.3%, 36.9%

HSLhsl(229.1, 6.2%, 34.7%)

HSV / HSBhsv(229.1, 11.7%, 36.9%)

CMYK11.7%, 9.6%, 0%, 63.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,461,342

CSS custom property--colour: #53555E;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.42:1

Contrast with white7.42:1WCAG normal text: AAA

Contrast with black2.83:1WCAG normal text: Fail

Greyscale equivalent#555555

Inverted#ACAAA1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#53565Eno red cones; affects about 1% of men; ΔE 0.8 from the original

Deuteranopia#52555Eno green cones; the most common form, about 1% of men; ΔE 0.4 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text7.42:1WCAG large text: AAA

Contrast with black, large text2.83:1WCAG large text: Fail

Named colours

Dim grey · ΔE 9.9 Dark slate grey · ΔE 14 Slate grey · ΔE 17.7 Gray · ΔE 18.2 Light slate grey · ΔE 20.7 Steel blue · ΔE 31.7

Nearest named CSS colourDim grey (#696969)ΔE 9.9, clearly different but related

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#5E5C53

Analogous#535A5E, #56535E

Triadic#5E5355, #555E53

Split complementary#5E5653, #5A5E53

Tetradic#5E535A, #5E5C53, #535E56

Tints, shades & saturation

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

Lighter +40%#BABCC3

Lighter +30%#9FA1AB

Lighter +20%#848793

Lighter +10%#6B6D79

Darker −10%#3B3D43

Darker −20%#232428

Darker −30%#0B0C0D

Darker −40%#000000

More saturated +25%#3D4774

Less saturated −25%#595959

Channel breakdown

R83

G85

B94

Red83 (32.5%)

Green85 (33.3%)

Blue94 (36.9%)

Hue229.09°

Saturation (HSL)6.21%

Lightness34.71%

Dominant channelBlue

Hex per channelR 53 · G 55 · B 5E

Keep nerding

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

#53555E

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