#DC143C color codes
- HEX
- #DC143C
- HEX8
- #DC143CFF
- HEX8 (Android)
- #FFDC143C
- RGB
- rgb(220, 20, 60)
- RGB (%)
- 86%, 8%, 24%
- HSL
- hsl(348, 83%, 47%)
- HSV / HSB
- hsv(348, 91%, 86%)
- CMYK
- cmyk(0%, 91%, 73%, 14%)
- OKLCH
- oklch(0.5712 0.2219 20.09)
- OKLCH (%)
- oklch(57.12% 0.2219 20.09)
- Decimal
- 14423100
What color is #DC143C?
#DC143C sits at 57% lightness and 0.2219 chroma in OKLCH, hue 20.09°. Its nearest named color is Crimson (an exact match).
Shades and tints of #DC143C
Tints
Shades
Tones
#DC143C color harmonies
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Monochromatic
Using #DC143C in CSS
.text { color: #DC143C; }
.background { background-color: #DC143C; }
.border { border: 2px solid #DC143C; }
/* Modern, perceptually uniform */
.text { color: oklch(0.5712 0.2219 20.09); }
/* #DC143C at 50% transparency */
.overlay { background-color: #DC143C80; }Is #DC143C accessible?
#DC143C on white text scores 4.99:1; on black text it scores 4.21:1. White text passes WCAG AA for normal text on #DC143C. Recommended text color on a #DC143C background: white.
A 4.21:1 vs black
A 4.99:1 vs white
- AA normal ≥ 4.5 Pass
- AA large ≥ 3 Pass
- AAA normal ≥ 7 Fail
- AAA large ≥ 4.5 Pass
Recommended text color: white
CSS
contrast-color() contrast-color(#DC143C) → white APCA Lc experimental 77.6 Lc · body text (white text)
WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.
Related colors
Nearest featured color: Red #FF0000. See more in the red family on the colors hub.
Frequently asked questions
- What color is #DC143C?
- #DC143C is Crimson. In RGB it is rgb(220, 20, 60), and in HSL hsl(348, 83%, 47%).
- What is #DC143C in RGB?
- #DC143C converts to rgb(220, 20, 60) — red 220, green 20, blue 60.
- What text color is readable on #DC143C?
- White text — it has the higher contrast ratio (4.99:1) against #DC143C. White text passes WCAG AA for normal text on #DC143C.