Colour

#4F5152

#4F5152
Grey
Dark
Nearest: Dim grey

#4F5152 is a grey with RGB values 79, 81, 82 and HSL 200°, 2%, 32%. It is a dark colour, so white text on it reaches 8:1 contrast (AAA for normal text). The nearest named colour is Dim grey.

Colour values

#4F5152#4F5152

HEX#4F5152

RGBrgb(79, 81, 82)

RGB (0–1)0.3098, 0.3176, 0.3216

RGB percentages31%, 31.8%, 32.2%

HSLhsl(200, 1.9%, 31.6%)

HSV / HSBhsv(200, 3.7%, 32.2%)

CMYK3.7%, 1.2%, 0%, 67.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,198,162

CSS custom property--colour: #4F5152;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.98:1

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

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

Greyscale equivalent#515151

Inverted#B0AEAD

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#4E5151no 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 text7.98:1WCAG large text: AAA

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

Named colours

Dim grey · ΔE 10.2 Dark slate grey · ΔE 11.9 Gray · ΔE 19.3 Slate grey · ΔE 21 Light slate grey · ΔE 24 Teal · ΔE 32.4

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

Hue familygrey

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#52504F

Analogous#4F5252, #4F4F52

Triadic#524F51, #51524F

Split complementary#524F4F, #52524F

Tetradic#524F52, #52504F, #4F524F

Tints, shades & saturation

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

Lighter +40%#B5B7B8

Lighter +30%#9B9E9F

Lighter +20%#818486

Lighter +10%#686B6C

Darker −10%#363738

Darker −20%#1D1E1E

Darker −30%#040404

Darker −40%#000000

More saturated +25%#3B5866

Less saturated −25%#515151

Channel breakdown

R79

G81

B82

Red79 (31%)

Green81 (31.8%)

Blue82 (32.2%)

Hue200°

Saturation (HSL)1.86%

Lightness31.57%

Dominant channelBlue

Hex per channelR 4F · G 51 · B 52

Keep nerding

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

#4F5152

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