Colour
#503C3E
- #503C3E
- Red
- Dark
- Nearest: Dim grey
#503C3E is a red with RGB values 80, 60, 62 and HSL 354°, 14%, 27%. It is a dark colour, so white text on it reaches 10.2:1 contrast (AAA for normal text). The nearest named colour is Dim grey.
Colour values
#503C3E#503C3E
HEX#503C3E
RGBrgb(80, 60, 62)
RGB (0–1)0.3137, 0.2353, 0.2431
RGB percentages31.4%, 23.5%, 24.3%
HSLhsl(354, 14.3%, 27.5%)
HSV / HSBhsv(354, 25%, 31.4%)
CMYK0%, 25%, 22.5%, 68.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,258,302
CSS custom property--colour: #503C3E;
Brightness & contrast
Relative luminance0.05285WCAG 2.x, 0 is black and 1 is white
Perceived brightness66.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 10.21:1
Contrast with white10.21:1WCAG normal text: AAA
Contrast with black2.06:1WCAG normal text: Fail
Greyscale equivalent#404040
Inverted#AFC3C1
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text10.21:1WCAG large text: AAA
Contrast with black, large text2.06:1WCAG large text: Fail
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#3C504E
Analogous#503C48, #50443C
Triadic#3E503C, #3C3E50
Split complementary#3C5044, #3C4850
Tetradic#48503C, #3C504E, #443C50
Tints, shades & saturation
Channel breakdown
R80
G60
B62
Red80 (31.4%)
Green60 (23.5%)
Blue62 (24.3%)
Hue354°
Saturation (HSL)14.29%
Lightness27.45%
Dominant channelRed
Hex per channelR 50 · G 3C · B 3E
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