Colour

#51524D

#51524D
Grey
Dark
Nearest: Dim grey

#51524D is a grey with RGB values 81, 82, 77 and HSL 72°, 3%, 31%. 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

#51524D#51524D

HEX#51524D

RGBrgb(81, 82, 77)

RGB (0–1)0.3176, 0.3216, 0.302

RGB percentages31.8%, 32.2%, 30.2%

HSLhsl(72, 3.1%, 31.2%)

HSV / HSBhsv(72, 6.1%, 32.2%)

CMYK1.2%, 0%, 6.1%, 67.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,329,485

CSS custom property--colour: #51524D;

Brightness & contrast

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

Perceived brightness81.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.88:1

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

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

Greyscale equivalent#515151

Inverted#AEADB2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#53514Dno red cones; affects about 1% of men; ΔE 1.5 from the original

Deuteranopia#53514Dno green cones; the most common form, about 1% of men; ΔE 1.5 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Dim grey · ΔE 10.3 Dark slate grey · ΔE 12.6 Gray · ΔE 19.2 Slate grey · ΔE 22.6 Light slate grey · ΔE 25.4 Teal · ΔE 32.6

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

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#4E4D52

Analogous#52514D, #4E524D

Triadic#4D5152, #524D51

Split complementary#4D4E52, #514D52

Tetradic#4D5251, #4E4D52, #524D4E

Tints, shades & saturation

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

Lighter +40%#B7B8B3

Lighter +30%#9E9F99

Lighter +20%#85867F

Lighter +10%#6B6C66

Darker −10%#373834

Darker −20%#1D1D1C

Darker −30%#030303

Darker −40%#000000

More saturated +25%#5D6639

Less saturated −25%#505050

Channel breakdown

R81

G82

B77

Red81 (31.8%)

Green82 (32.2%)

Blue77 (30.2%)

Hue72°

Saturation (HSL)3.14%

Lightness31.18%

Dominant channelGreen

Hex per channelR 51 · G 52 · B 4D

Keep nerding

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

#51524D

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