Colour

#584F51

#584F51
Grey
Dark
Nearest: Dim grey

#584F51 is a grey with RGB values 88, 79, 81 and HSL 347°, 5%, 33%. It is a dark colour, so white text on it reaches 7.9:1 contrast (AAA for normal text). The nearest named colour is Dim grey.

Colour values

#584F51#584F51

HEX#584F51

RGBrgb(88, 79, 81)

RGB (0–1)0.3451, 0.3098, 0.3176

RGB percentages34.5%, 31%, 31.8%

HSLhsl(346.7, 5.4%, 32.7%)

HSV / HSBhsv(346.7, 10.2%, 34.5%)

CMYK0%, 10.2%, 8%, 65.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,787,473

CSS custom property--colour: #584F51;

Brightness & contrast

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

Perceived brightness82 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.92:1

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

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

Greyscale equivalent#515151

Inverted#A7B0AE

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#525251no green cones; the most common form, about 1% of men; ΔE 4.4 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dim grey · ΔE 10.7 Dark slate grey · ΔE 16.6 Gray · ΔE 19.5 Slate grey · ΔE 22.1 Light slate grey · ΔE 25 Rosy brown · ΔE 32.5

Nearest named CSS colourDim grey (#696969)ΔE 10.72, a distinctly different colour

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#4F5856

Analogous#584F55, #58524F

Triadic#51584F, #4F5158

Split complementary#4F5852, #4F5558

Tetradic#55584F, #4F5856, #524F58

Tints, shades & saturation

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

Lighter +40%#BDB6B7

Lighter +30%#A59B9D

Lighter +20%#8D8083

Lighter +10%#73676A

Darker −10%#3D3738

Darker −20%#221F20

Darker −30%#070707

Darker −40%#000000

More saturated +25%#6D3A45

Less saturated −25%#535353

Channel breakdown

R88

G79

B81

Red88 (34.5%)

Green79 (31%)

Blue81 (31.8%)

Hue346.67°

Saturation (HSL)5.39%

Lightness32.75%

Dominant channelRed

Hex per channelR 58 · G 4F · B 51

Keep nerding

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

#584F51

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