Colour

#51504B

#51504B
Grey
Dark
Nearest: Dim grey

#51504B is a grey with RGB values 81, 80, 75 and HSL 50°, 4%, 31%. It is a dark colour, so white text on it reaches 8.1:1 contrast (AAA for normal text). The nearest named colour is Dim grey.

Colour values

#51504B#51504B

HEX#51504B

RGBrgb(81, 80, 75)

RGB (0–1)0.3176, 0.3137, 0.2941

RGB percentages31.8%, 31.4%, 29.4%

HSLhsl(50, 3.8%, 30.6%)

HSV / HSBhsv(50, 7.4%, 31.8%)

CMYK0%, 1.2%, 7.4%, 68.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,328,971

CSS custom property--colour: #51504B;

Brightness & contrast

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

Perceived brightness79.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.08:1

Contrast with white8.08:1WCAG normal text: AAA

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

Greyscale equivalent#505050

Inverted#AEAFB4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#524F4Fno 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 text8.08:1WCAG large text: AAA

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

Named colours

Dim grey · ΔE 10.9 Dark slate grey · ΔE 13.3 Gray · ΔE 19.9 Slate grey · ΔE 23.3 Light slate grey · ΔE 26.2 Teal · ΔE 33.7

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

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#4B4C51

Analogous#514D4B, #4F514B

Triadic#4B5150, #504B51

Split complementary#4B4F51, #4D4B51

Tetradic#4B514D, #4B4C51, #514B4F

Tints, shades & saturation

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

Lighter +40%#B7B6B1

Lighter +30%#9E9D97

Lighter +20%#86847C

Lighter +10%#6B6A64

Darker −10%#373632

Darker −20%#1C1C1A

Darker −30%#020201

Darker −40%#000000

More saturated +25%#655D38

Less saturated −25%#4E4E4E

Channel breakdown

R81

G80

B75

Red81 (31.8%)

Green80 (31.4%)

Blue75 (29.4%)

Hue50°

Saturation (HSL)3.85%

Lightness30.59%

Dominant channelRed

Hex per channelR 51 · G 50 · B 4B

Keep nerding

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

#51504B

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