Recognised as Colour
#DE3436
- #DE3436
- Red
- Dark
- Nearest: Crimson
#DE3436 is a red with RGB values 222, 52, 54 and HSL 359°, 72%, 54%. 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
#DE3436#DE3436
HEX#DE3436
RGBrgb(222, 52, 54)
RGB (0–1)0.8706, 0.2039, 0.2118
RGB percentages87.1%, 20.4%, 21.2%
HSLhsl(359.3, 72%, 53.7%)
HSV / HSBhsv(359.3, 76.6%, 87.1%)
CMYK0%, 76.6%, 75.7%, 12.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,562,358
CSS custom property--colour: #DE3436;
Brightness & contrast
Relative luminance0.18252WCAG 2.x, 0 is black and 1 is white
Perceived brightness129.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.65:1
Contrast with white4.52:1WCAG normal text: AA
Contrast with black4.65:1WCAG normal text: AA
Greyscale equivalent#585858
Inverted#21CBC9
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.52:1WCAG large text: AAA
Contrast with black, large text4.65:1WCAG large text: AAA
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#34DEDC
Analogous#DE348B, #DE8734
Triadic#36DE34, #3436DE
Split complementary#34DE87, #348BDE
Tetradic#8BDE34, #34DEDC, #8734DE
Tints, shades & saturation
Channel breakdown
R222
G52
B54
Red222 (87.1%)
Green52 (20.4%)
Blue54 (21.2%)
Hue359.29°
Saturation (HSL)72.03%
Lightness53.73%
Dominant channelRed
Hex per channelR DE · G 34 · B 36
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page