Recognised as Colour

#E02E40

#E02E40
Red
Dark
Nearest: Crimson

#E02E40 is a red with RGB values 224, 46, 64 and HSL 354°, 74%, 53%. It is a dark colour, so black text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#E02E40#E02E40

HEX#E02E40

RGBrgb(224, 46, 64)

RGB (0–1)0.8784, 0.1804, 0.251

RGB percentages87.8%, 18%, 25.1%

HSLhsl(353.9, 74.2%, 52.9%)

HSV / HSBhsv(353.9, 79.5%, 87.8%)

CMYK0%, 79.5%, 71.4%, 12.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,691,904

CSS custom property--colour: #E02E40;

Brightness & contrast

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

Perceived brightness129.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.63:1

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

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

Greyscale equivalent#555555

Inverted#1FD1BF

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#92843Ano green cones; the most common form, about 1% of men; ΔE 71.8 from the original

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

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

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

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

Named colours

Crimson · ΔE 4.9 Firebrick · ΔE 15.6 Tomato · ΔE 19.5 Brown · ΔE 21.5 Indian red · ΔE 25.6 Dark red · ΔE 27.7

Nearest named CSS colourCrimson (#DC143C)ΔE 4.9, a close match

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2EE0CE

Analogous#E02E99, #E0752E

Triadic#40E02E, #2E40E0

Split complementary#2EE075, #2E99E0

Tetradic#99E02E, #2EE0CE, #752EE0

Tints, shades & saturation

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

Lighter +40%#FAE0E2

Lighter +30%#F4B3BA

Lighter +20%#ED8791

Lighter +10%#E75A69

Darker −10%#BF1C2D

Darker −20%#921622

Darker −30%#660F18

Darker −40%#39090D

More saturated +25%#FE1028

Less saturated −25%#C24C58

Channel breakdown

R224

G46

B64

Red224 (87.8%)

Green46 (18%)

Blue64 (25.1%)

Hue353.93°

Saturation (HSL)74.17%

Lightness52.94%

Dominant channelRed

Hex per channelR E0 · G 2E · B 40

Keep nerding

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

#E02E40

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