Nerdulator> put something in

Colour

#5A454B

  • #5A454B
  • Red
  • Dark
  • Nearest: Dim grey

#5A454B is a red with RGB values 90, 69, 75 and HSL 343°, 13%, 31%. It is a dark colour, so white text on it reaches 8.8:1 contrast (AAA for normal text). The nearest named colour is Dim grey.

Colour values

#5A454B#5A454B
HEX#5A454B
RGBrgb(90, 69, 75)
RGB (0–1)0.3529, 0.2706, 0.2941
RGB percentages35.3%, 27.1%, 29.4%
HSLhsl(342.9, 13.2%, 31.2%)
HSV / HSBhsv(342.9, 23.3%, 35.3%)
CMYK0%, 23.3%, 16.7%, 64.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,915,979
CSS custom property--colour: #5A454B;

Brightness & contrast

Relative luminance0.06938WCAG 2.x, 0 is black and 1 is white
Perceived brightness76.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 8.8:1
Contrast with white8.8:1WCAG normal text: AAA
Contrast with black2.39:1WCAG normal text: Fail
Greyscale equivalent#4A4A4A
Inverted#A5BAB4

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#47484Bno red cones; affects about 1% of men; ΔE 10 from the original
Deuteranopia#4C4C4Bno green cones; the most common form, about 1% of men; ΔE 10.4 from the original
Tritanopia#5E4447no 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.8:1WCAG large text: AAA
Contrast with black, large text2.39:1WCAG large text: Fail

Named colours

Dim grey · ΔE 16.3Dark slate grey · ΔE 22.1Gray · ΔE 24.1Slate grey · ΔE 26.6Light slate grey · ΔE 29.3Black · ΔE 33.2
Nearest named CSS colourDim grey (#696969)ΔE 16.26, a distinctly different colour
Hue familyred
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#455A54
Analogous#5A4556, #5A4A45
Triadic#4B5A45, #454B5A
Split complementary#455A4A, #45565A
Tetradic#565A45, #455A54, #4A455A

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#BFACB1
Lighter +30%#A98F96
Lighter +20%#93727B
Lighter +10%#775B63
Darker −10%#3D2F33
Darker −20%#20191B
Darker −30%#030303
Darker −40%#000000
More saturated +25%#6E3142
Less saturated −25%#505050

Channel breakdown

R90
G69
B75
Red90 (35.3%)
Green69 (27.1%)
Blue75 (29.4%)
Hue342.86°
Saturation (HSL)13.21%
Lightness31.18%
Dominant channelRed
Hex per channelR 5A · G 45 · B 4B

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 “5a454b” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.