Recognised as Colour
#E22C20
- #E22C20
- Red
- Dark
- Nearest: Tomato
#E22C20 is a red with RGB values 226, 44, 32 and HSL 4°, 77%, 51%. It is a dark colour, so black text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Tomato.
Colour values
#E22C20#E22C20
HEX#E22C20
RGBrgb(226, 44, 32)
RGB (0–1)0.8863, 0.1725, 0.1255
RGB percentages88.6%, 17.3%, 12.5%
HSLhsl(3.7, 77%, 50.6%)
HSV / HSBhsv(3.7, 85.8%, 88.6%)
CMYK0%, 80.5%, 85.8%, 11.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,822,432
CSS custom property--colour: #E22C20;
Brightness & contrast
Relative luminance0.18074WCAG 2.x, 0 is black and 1 is white
Perceived brightness128.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.61:1
Contrast with white4.55:1WCAG normal text: AA
Contrast with black4.61:1WCAG normal text: AA
Greyscale equivalent#525252
Inverted#1DD3DF
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.55:1WCAG large text: AAA
Contrast with black, large text4.61:1WCAG large text: AAA
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#20D6E2
Analogous#E22075, #E28D20
Triadic#20E22C, #2C20E2
Split complementary#20E28D, #2075E2
Tetradic#75E220, #20D6E2, #8D20E2
Tints, shades & saturation
Channel breakdown
R226
G44
B32
Red226 (88.6%)
Green44 (17.3%)
Blue32 (12.5%)
Hue3.71°
Saturation (HSL)76.98%
Lightness50.59%
Dominant channelRed
Hex per channelR E2 · G 2C · B 20
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