Recognised as Colour

#DE4586

#DE4586
Red
Dark
Nearest: Hot pink

#DE4586 is a red with RGB values 222, 69, 134 and HSL 335°, 70%, 57%. It is a dark colour, so black text on it reaches 5.3:1 contrast (AA for normal text). The nearest named colour is Hot pink.

Colour values

#DE4586#DE4586

HEX#DE4586

RGBrgb(222, 69, 134)

RGB (0–1)0.8706, 0.2706, 0.5255

RGB percentages87.1%, 27.1%, 52.5%

HSLhsl(334.5, 69.9%, 57.1%)

HSV / HSBhsv(334.5, 68.9%, 87.1%)

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

24-bit integer14,566,790

CSS custom property--colour: #DE4586;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.3:1

Contrast with white3.96:1WCAG normal text: Fail

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

Greyscale equivalent#6A6A6A

Inverted#21BA79

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#636D88no red cones; affects about 1% of men; ΔE 63.3 from the original

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

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

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

Contrast with white, large text3.96:1WCAG large text: AA

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

Named colours

Hot pink · ΔE 14.6 Medium violet red · ΔE 17.1 Pale violetred · ΔE 20 Deep pink · ΔE 20.9 Indian red · ΔE 31 Light coral · ΔE 33

Nearest named CSS colourHot pink (#FF69B4)ΔE 14.62, a distinctly different colour

Hue familyred

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#45DE9D

Analogous#DE45D3, #DE5045

Triadic#86DE45, #4586DE

Split complementary#45DE50, #45D3DE

Tetradic#D3DE45, #45DE9D, #5045DE

Tints, shades & saturation

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

Lighter +40%#FDF2F7

Lighter +30%#F5C7DB

Lighter +20%#ED9CBE

Lighter +10%#E670A2

Darker −10%#CC246B

Darker −20%#A11C55

Darker −30%#75153E

Darker −40%#4A0D27

More saturated +25%#F92A82

Less saturated −25%#C3608A

Channel breakdown

R222

G69

B134

Red222 (87.1%)

Green69 (27.1%)

Blue134 (52.5%)

Hue334.51°

Saturation (HSL)69.86%

Lightness57.06%

Dominant channelRed

Hex per channelR DE · G 45 · B 86

Keep nerding

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

#DE4586

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