Crimson#DC143C

Crimson Hex Code: #DC143C

Crimson is a medium, vivid red. Its OKLCH lightness is 57% and chroma 0.222. Text on this color reads best in white (contrast 4.99:1).

HEX	`#DC143C`
RGB	`rgb(220, 20, 60)`
HSL	`hsl(348, 83%, 47%)`
HSV / HSB	`hsv(348, 91%, 86%)`
CMYK	`cmyk(0%, 91%, 73%, 14%)`
OKLCH	`oklch(57.1% 0.222 20.1)`

Open in converter →

Contrast

White text4.99:1

AAAA largeAAA

Black text4.21:1

AAAA largeAAA

On white4.99:1

AAAA largeAAA

On black4.21:1

AAAA largeAAA

Tints

#DF294E#E23E5F#E55371#E96982#EC7E94#EF93A5#F2A8B7#F5BDC8Baby Pink#F8D2DA#FCE7EBMisty Rose

Shades

#C81237#B41031Wine Red#A10F2CRuby Red#8D0D26#790B21Burgundy#65091C#510716#3E0611#2A040B#160206

Matching colors

Complementary

#DC143CCrimson#14DCB4

Analogous

#DC143CCrimson#DC14A0#DC5014

Triadic

#DC143CCrimson#3CDC14#143CDC

Split complementary

#DC143CCrimson#14DC50#14A0DC

Similar named colors

Raspberry#E30B5DBrick Red#CB4154Vermilion#E34234Red#FF0000Scarlet#FF2400Firebrick#B22222Indian Red#CD5C5CWine Red#B11226

All color names →

Code

CSS	`color: #DC143C;`
Tailwind	`bg-[#dc143c]`
SwiftUI	`Color(red: 0.863, green: 0.078, blue: 0.235)`
Android	`Color.parseColor("#DC143C")`
Flutter	`Color(0xFFDC143C)`

Crimson is a CSS named color (crimson); the value follows W3C CSS Color Module Level 4.

Frequently asked questions

What is the hex code for crimson?

Crimson is #DC143C in hex and rgb(220, 20, 60) in RGB.

What is crimson in CMYK?

With the plain conversion formula it is cmyk(0, 91, 73, 14). For print, convert with your printer's ICC profile instead.

What text color works on crimson?

White text has the higher contrast at 4.99:1, which passes WCAG AA for normal text (4.5:1).