Recognised as Colour

#DE305B

#DE305B
Red
Dark
Nearest: Crimson

#DE305B is a red with RGB values 222, 48, 91 and HSL 345°, 73%, 53%. It is a dark colour, so black text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Crimson.

Colour values

#DE305B#DE305B

HEX#DE305B

RGBrgb(222, 48, 91)

RGB (0–1)0.8706, 0.1882, 0.3569

RGB percentages87.1%, 18.8%, 35.7%

HSLhsl(345.2, 72.5%, 52.9%)

HSV / HSBhsv(345.2, 78.4%, 87.1%)

CMYK0%, 78.4%, 59%, 12.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,561,371

CSS custom property--colour: #DE305B;

Brightness & contrast

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

Perceived brightness130.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.68:1

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

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

Greyscale equivalent#585858

Inverted#21CFA4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#62605Bno red cones; affects about 1% of men; ΔE 69.9 from the original

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

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

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

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

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

Named colours

Crimson · ΔE 15.7 Indian red · ΔE 23 Brown · ΔE 24.6 Firebrick · ΔE 24.6 Light coral · ΔE 29.3 Salmon · ΔE 29.9

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

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#30DEB3

Analogous#DE30B2, #DE5C30

Triadic#5BDE30, #305BDE

Split complementary#30DE5C, #30B2DE

Tetradic#B2DE30, #30DEB3, #5C30DE

Tints, shades & saturation

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

Lighter +40%#FAE0E6

Lighter +30%#F3B4C4

Lighter +20%#EC88A1

Lighter +10%#E55C7E

Darker −10%#BD1E45

Darker −20%#911735

Darker −30%#651025

Darker −40%#390915

More saturated +25%#FC124C

Less saturated −25%#C04E6A

Channel breakdown

R222

G48

B91

Red222 (87.1%)

Green48 (18.8%)

Blue91 (35.7%)

Hue345.17°

Saturation (HSL)72.5%

Lightness52.94%

Dominant channelRed

Hex per channelR DE · G 30 · B 5B

Keep nerding

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

#DE305B

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