Colour

#E42220

#E42220
Red
Dark
Nearest: Crimson

#E42220 is a red with RGB values 228, 34, 32 and HSL 1°, 78%, 51%. It is a dark colour, so white text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#E42220#E42220

HEX#E42220

RGBrgb(228, 34, 32)

RGB (0–1)0.8941, 0.1333, 0.1255

RGB percentages89.4%, 13.3%, 12.5%

HSLhsl(0.6, 78.4%, 51%)

HSV / HSBhsv(0.6, 86%, 89.4%)

CMYK0%, 85.1%, 86%, 10.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,950,944

CSS custom property--colour: #E42220;

Brightness & contrast

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

Perceived brightness127.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.62:1

Contrast with white4.62:1WCAG normal text: AA

Contrast with black4.55:1WCAG normal text: AA

Greyscale equivalent#4B4B4B

Inverted#1BDDDF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#665A1Cno red cones; affects about 1% of men; ΔE 75.3 from the original

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

Tritanopia#FC0026no blue cones; rare, and affects men and women equally; ΔE 10.8 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text4.62:1WCAG large text: AAA

Contrast with black, large text4.55:1WCAG large text: AAA

Named colours

Crimson · ΔE 18.1 Tomato · ΔE 18.4 Red · ΔE 19.1 Orange red · ΔE 19.4 Firebrick · ΔE 22.1 Dark red · ΔE 30.1

Nearest named CSS colourCrimson (#DC143C)ΔE 18.13, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#20E2E4

Analogous#E42080, #E48420

Triadic#20E422, #2220E4

Split complementary#20E484, #2080E4

Tetradic#80E420, #20E2E4, #8420E4

Tints, shades & saturation

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

Lighter +40%#FAD6D6

Lighter +30%#F5A9A8

Lighter +20%#EF7C7B

Lighter +10%#EA4F4D

Darker −10%#BA1817

Darker −20%#8D1211

Darker −30%#5F0C0C

Darker −40%#320606

More saturated +25%#FF0805

Less saturated −25%#C5413F

Channel breakdown

R228

G34

B32

Red228 (89.4%)

Green34 (13.3%)

Blue32 (12.5%)

Hue0.61°

Saturation (HSL)78.4%

Lightness50.98%

Dominant channelRed

Hex per channelR E4 · G 22 · B 20

Keep nerding

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

#E42220

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