Recognised as Colour
#D53E2A
- #D53E2A
- Red
- Dark
- Nearest: Firebrick
#D53E2A is a red with RGB values 213, 62, 42 and HSL 7°, 67%, 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 Firebrick.
Colour values
#D53E2A#D53E2A
HEX#D53E2A
RGBrgb(213, 62, 42)
RGB (0–1)0.8353, 0.2431, 0.1647
RGB percentages83.5%, 24.3%, 16.5%
HSLhsl(7, 67.1%, 50%)
HSV / HSBhsv(7, 80.3%, 83.5%)
CMYK0%, 70.9%, 80.3%, 16.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer13,975,082
CSS custom property--colour: #D53E2A;
Brightness & contrast
Relative luminance0.17759WCAG 2.x, 0 is black and 1 is white
Perceived brightness126.6 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.55:1WCAG normal text: AA
Greyscale equivalent#5D5D5D
Inverted#2AC1D5
Colour vision & accessibility
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.55:1WCAG large text: AAA
Named colours
Hue familyred
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#2AC1D5
Analogous#D52A6C, #D5932A
Triadic#2AD53E, #3E2AD5
Split complementary#2AD593, #2A6CD5
Tetradic#6CD52A, #2AC1D5, #932AD5
Tints, shades & saturation
Channel breakdown
R213
G62
B42
Red213 (83.5%)
Green62 (24.3%)
Blue42 (16.5%)
Hue7.02°
Saturation (HSL)67.06%
Lightness50%
Dominant channelRed
Hex per channelR D5 · G 3E · B 2A
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