Colour

#E31B4D

#E31B4D
Red
Dark
Nearest: Crimson

#E31B4D is a red with RGB values 227, 27, 77 and HSL 345°, 79%, 50%. 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

#E31B4D#E31B4D

HEX#E31B4D

RGBrgb(227, 27, 77)

RGB (0–1)0.8902, 0.1059, 0.302

RGB percentages89%, 10.6%, 30.2%

HSLhsl(345, 78.7%, 49.8%)

HSV / HSBhsv(345, 88.1%, 89%)

CMYK0%, 88.1%, 66.1%, 11%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,883,661

CSS custom property--colour: #E31B4D;

Brightness & contrast

Relative luminance0.17651WCAG 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 backgroundWhitecontrast 4.64:1

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

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

Greyscale equivalent#494949

Inverted#1CE4B2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5F5B4Dno red cones; affects about 1% of men; ΔE 76.2 from the original

Deuteranopia#8F8347no green cones; the most common form, about 1% of men; ΔE 77 from the original

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

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

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

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

Named colours

Crimson · ΔE 7.8 Firebrick · ΔE 22.4 Brown · ΔE 25.8 Tomato · ΔE 28.2 Indian red · ΔE 28.2 Salmon · ΔE 32.8

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

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#1BE3B1

Analogous#E31BB1, #E34D1B

Triadic#4DE31B, #1B4DE3

Split complementary#1BE34D, #1BB1E3

Tetradic#B1E31B, #1BE3B1, #4D1BE3

Tints, shades & saturation

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

Lighter +40%#F9D1DB

Lighter +30%#F4A3B7

Lighter +20%#EF7594

Lighter +10%#E94870

Darker −10%#B5163E

Darker −20%#88102E

Darker −30%#5A0B1F

Darker −40%#2D050F

More saturated +25%#FE003F

Less saturated −25%#C33B5D

Channel breakdown

R227

G27

B77

Red227 (89%)

Green27 (10.6%)

Blue77 (30.2%)

Hue345°

Saturation (HSL)78.74%

Lightness49.8%

Dominant channelRed

Hex per channelR E3 · G 1B · B 4D

Keep nerding

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

#E31B4D

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