Nerdulator> put something in

Recognised as Colour

#4E5A54

  • #4E5A54
  • Grey
  • Dark
  • Nearest: Dim grey

#4E5A54 is a grey with RGB values 78, 90, 84 and HSL 150°, 7%, 33%. It is a dark colour, so white text on it reaches 7.2:1 contrast (AAA for normal text). The nearest named colour is Dim grey.

Colour values

#4E5A54#4E5A54
HEX#4E5A54
RGBrgb(78, 90, 84)
RGB (0–1)0.3059, 0.3529, 0.3294
RGB percentages30.6%, 35.3%, 32.9%
HSLhsl(150, 7.1%, 32.9%)
HSV / HSBhsv(150, 13.3%, 35.3%)
CMYK13.3%, 0%, 6.7%, 64.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,134,932
CSS custom property--colour: #4E5A54;

Brightness & contrast

Relative luminance0.09572WCAG 2.x, 0 is black and 1 is white
Perceived brightness85.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.21:1
Contrast with white7.21:1WCAG normal text: AAA
Contrast with black2.91:1WCAG normal text: Fail
Greyscale equivalent#575757
Inverted#B1A5AB

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#595854no red cones; affects about 1% of men; ΔE 5.6 from the original
Deuteranopia#575754no green cones; the most common form, about 1% of men; ΔE 5.4 from the original
Tritanopia#4C5A58no blue cones; rare, and affects men and women equally; ΔE 2.6 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7.21:1WCAG large text: AAA
Contrast with black, large text2.91:1WCAG large text: Fail

Named colours

Dim grey · ΔE 9.7Dark slate grey · ΔE 9.9Gray · ΔE 17.7Slate grey · ΔE 20.5Light slate grey · ΔE 23.2Teal · ΔE 27.5
Nearest named CSS colourDim grey (#696969)ΔE 9.69, clearly different but related
Hue familygrey
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#5A4E54
Analogous#4E5A4E, #4E5A5A
Triadic#544E5A, #5A544E
Split complementary#5A4E5A, #5A4E4E
Tetradic#4E4E5A, #5A4E54, #5A5A4E

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#B5BFBA
Lighter +30%#9AA7A1
Lighter +20%#7E9087
Lighter +10%#66756E
Darker −10%#363F3B
Darker −20%#1F2321
Darker −30%#070808
Darker −40%#000000
More saturated +25%#396F54
Less saturated −25%#545454

Channel breakdown

R78
G90
B84
Red78 (30.6%)
Green90 (35.3%)
Blue84 (32.9%)
Hue150°
Saturation (HSL)7.14%
Lightness32.94%
Dominant channelGreen
Hex per channelR 4E · G 5A · B 54

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “4e5a54” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.