Colour

#E53C3C

#E53C3C
Red
Dark
Nearest: Crimson

#E53C3C is a red with RGB values 229, 60, 60 and HSL 0°, 76%, 57%. It is a dark colour, so black text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#E53C3C#E53C3C

HEX#E53C3C

RGBrgb(229, 60, 60)

RGB (0–1)0.898, 0.2353, 0.2353

RGB percentages89.8%, 23.5%, 23.5%

HSLhsl(0, 76.5%, 56.7%)

HSV / HSBhsv(0, 73.8%, 89.8%)

CMYK0%, 73.8%, 73.8%, 10.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer15,023,164

CSS custom property--colour: #E53C3C;

Brightness & contrast

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

Perceived brightness134.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.04:1

Contrast with white4.16:1WCAG normal text: Fail

Contrast with black5.04:1WCAG normal text: AA

Greyscale equivalent#606060

Inverted#1AC3C3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#6F653Ano red cones; affects about 1% of men; ΔE 68.8 from the original

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

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

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

Contrast with white, large text4.16:1WCAG large text: AA

Contrast with black, large text5.04:1WCAG large text: AAA

Named colours

Crimson · ΔE 10.6 Tomato · ΔE 13.6 Firebrick · ΔE 15.5 Brown · ΔE 22.5 Coral · ΔE 25.3 Indian red · ΔE 26.2

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

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#3CE5E5

Analogous#E53C91, #E5913C

Triadic#3CE53C, #3C3CE5

Split complementary#3CE591, #3C91E5

Tetradic#91E53C, #3CE5E5, #913CE5

Tints, shades & saturation

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

Lighter +40%#FDF0F0

Lighter +30%#F7C3C3

Lighter +20%#F19696

Lighter +10%#EB6969

Darker −10%#D21C1C

Darker −20%#A51616

Darker −30%#781010

Darker −40%#4B0A0A

More saturated +25%#FF2222

Less saturated −25%#C95858

Channel breakdown

R229

G60

B60

Red229 (89.8%)

Green60 (23.5%)

Blue60 (23.5%)

Hue0°

Saturation (HSL)76.47%

Lightness56.67%

Dominant channelRed

Hex per channelR E5 · G 3C · B 3C

Keep nerding

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

#E53C3C

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