CSS named color
Crimson
#DC143C
HEX
#dc143cRGB
rgb(220, 20, 60)HSL
hsl(348, 83%, 47%)OKLCH
oklch(57.12% 0.2219 20.09)NAME
crimsonPalette
Complementary
180° on the color wheelComplement
#14DBB4
Analogous
±30° around the base hueLeft
#DB14A0
Right
#DB5014
Triadic
±120° for harmonic contrastTriad 1
#3CDB14
Triad 2
#143CDB
Shades
Lighter and darker variantsCSS usage
By name
color: crimson;
background-color: crimson;By HEX
color: #dc143c;
background-color: #dc143c;By RGB
color: rgb(220, 20, 60);
background-color: rgb(220, 20, 60);By HSL
color: hsl(348, 83%, 47%);
background-color: hsl(348, 83%, 47%);WCAG contrast vs white
Aa
4.99:1
AA
WCAG contrast vs black
Aa
4.21:1
AA (large text)
Related colors
FAQ — Crimson
What is the HEX code for Crimson?
The HEX code for Crimson is #DC143C. It's one of the 148 named CSS colors and can be used directly in CSS as color: crimson; or color: #dc143c;
What is Crimson in RGB?
Crimson in RGB is rgb(220, 20, 60) — red 220, green 20, blue 60.
What is Crimson in HSL?
Crimson in HSL is hsl(348, 83%, 47%) — hue 348°, saturation 83%, lightness 47%.
What is the complementary color of Crimson?
The complementary color (directly opposite Crimson on the color wheel) is #14DBB4. The two together produce maximum contrast.
Is white text readable on Crimson?
The WCAG contrast ratio against white (#FFFFFF) is 4.99:1, and against black (#000000) it's 4.21:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.