#D3003E

#D3003E

Color Values

HEX

#D3003E

RGB

211, 0, 62

HSL

342.4, 100.0%, 41.4%

HSV

342.4, 100.0%, 82.7%

CMYK

0.0%, 100.0%, 70.6%, 17.3%

OKLCH

0.5496 0.2201 17.7

Properties

Warm Dark Nearest: crimson

Color Harmonies

Complementary

#D3003E

#00D395

Analogous

#D300A8

#D32C00

#D3003E

Triadic

#D3003E

#3ED300

#003ED3

Split Complementary

#D3003E

#00D32C

#00A8D3

Tetradic

#D3003E

#A8D300

#00D395

#2C00D3

Color Blindness Simulation

Original

#D3003E

Protanopia

#78762F

Deuteranopia

#84942B

Tritanopia

#C82321

Achromatopsia

#313131

CSS Usage

background-color: #D3003E;
color: #D3003E;
border-color: #D3003E;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FEF1F5
100
#FCDEE7
200
#FFB8CD
300
#FF85A9
400
#FF427A
500
#FF004B
600
#CC003C
700
#A30030
800
#800025
900
#5C051E
950
#3A0313

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

3.84:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026