Recognised as Colour
#DC143C
- #DC143C
- Red
- Dark
- Named: Crimson
#DC143C is the CSS colour red with RGB values 220, 20, 60 and HSL 348°, 83%, 47%. It is a dark colour, so white text on it reaches 5:1 contrast (AA for normal text). The nearest named colour is Crimson.
Colour values
#DC143C#DC143C
HEX#DC143C
RGBrgb(220, 20, 60)
RGB (0–1)0.8627, 0.0784, 0.2353
RGB percentages86.3%, 7.8%, 23.5%
HSLhsl(348, 83.3%, 47.1%)
HSV / HSBhsv(348, 90.9%, 86.3%)
CMYK0%, 90.9%, 72.7%, 13.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,423,100
CSS custom property--colour: #DC143C;
Brightness & contrast
Relative luminance0.16042WCAG 2.x, 0 is black and 1 is white
Perceived brightness123 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 4.99:1
Contrast with white4.99:1WCAG normal text: AA
Contrast with black4.21:1WCAG normal text: Fail
Greyscale equivalent#414141
Inverted#23EBC3
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.99:1WCAG large text: AAA
Contrast with black, large text4.21:1WCAG large text: AA
Named colours
Colour harmonies
Complementary#14DCB4
Analogous#DC14A0, #DC5014
Triadic#3CDC14, #143CDC
Split complementary#14DC50, #14A0DC
Tetradic#A0DC14, #14DCB4, #5014DC
Tints, shades & saturation
Channel breakdown
R220
G20
B60
Red220 (86.3%)
Green20 (7.8%)
Blue60 (23.5%)
Hue348°
Saturation (HSL)83.33%
Lightness47.06%
Dominant channelRed
Hex per channelR DC · G 14 · B 3C
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