Recognised as Colour

#E22538

#E22538
Red
Dark
Nearest: Crimson

#E22538 is a red with RGB values 226, 37, 56 and HSL 354°, 77%, 52%. 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

#E22538#E22538

HEX#E22538

RGBrgb(226, 37, 56)

RGB (0–1)0.8863, 0.1451, 0.2196

RGB percentages88.6%, 14.5%, 22%

HSLhsl(354, 76.5%, 51.6%)

HSV / HSBhsv(354, 83.6%, 88.6%)

CMYK0%, 83.6%, 75.2%, 11.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,820,664

CSS custom property--colour: #E22538;

Brightness & contrast

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

Perceived brightness128.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.61:1

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

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

Greyscale equivalent#4F4F4F

Inverted#1DDAC7

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#645B37no red cones; affects about 1% of men; ΔE 74.1 from the original

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

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

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

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

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

Named colours

Crimson · ΔE 5.8 Firebrick · ΔE 16.8 Tomato · ΔE 18.9 Brown · ΔE 24.3 Dark red · ΔE 28.1 Indian red · ΔE 29.9

Nearest named CSS colourCrimson (#DC143C)ΔE 5.83, clearly different but related

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#25E2CF

Analogous#E22596, #E27125

Triadic#38E225, #2538E2

Split complementary#25E271, #2596E2

Tetradic#96E225, #25E2CF, #7125E2

Tints, shades & saturation

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

Lighter +40%#FAD9DC

Lighter +30%#F4ACB3

Lighter +20%#EE7F8A

Lighter +10%#E85261

Darker −10%#BB1929

Darker −20%#8E131F

Darker −30%#610D15

Darker −40%#34070B

More saturated +25%#FF0821

Less saturated −25%#C34451

Channel breakdown

R226

G37

B56

Red226 (88.6%)

Green37 (14.5%)

Blue56 (22%)

Hue353.97°

Saturation (HSL)76.52%

Lightness51.57%

Dominant channelRed

Hex per channelR E2 · G 25 · B 38

Keep nerding

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

#E22538

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