Recognised as Colour
#DC313B
- #DC313B
- Red
- Dark
- Nearest: Crimson
#DC313B is a red with RGB values 220, 49, 59 and HSL 356°, 71%, 53%. 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
#DC313B#DC313B
HEX#DC313B
RGBrgb(220, 49, 59)
RGB (0–1)0.8627, 0.1922, 0.2314
RGB percentages86.3%, 19.2%, 23.1%
HSLhsl(356.5, 71%, 52.7%)
HSV / HSBhsv(356.5, 77.7%, 86.3%)
CMYK0%, 77.7%, 73.2%, 13.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,430,523
CSS custom property--colour: #DC313B;
Brightness & contrast
Relative luminance0.17728WCAG 2.x, 0 is black and 1 is white
Perceived brightness127.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.62:1
Contrast with white4.62:1WCAG normal text: AA
Contrast with black4.55:1WCAG normal text: AA
Greyscale equivalent#565656
Inverted#23CEC4
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.62: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#31DCD2
Analogous#DC3191, #DC7D31
Triadic#3BDC31, #313BDC
Split complementary#31DC7D, #3191DC
Tetradic#90DC31, #31DCD2, #7D31DC
Tints, shades & saturation
Channel breakdown
R220
G49
B59
Red220 (86.3%)
Green49 (19.2%)
Blue59 (23.1%)
Hue356.49°
Saturation (HSL)70.95%
Lightness52.75%
Dominant channelRed
Hex per channelR DC · G 31 · B 3B
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