#D3003F

#D3003F

Color Values

HEX

#D3003F

RGB

211, 0, 63

HSL

342.1, 100.0%, 41.4%

HSV

342.1, 100.0%, 82.7%

CMYK

0.0%, 100.0%, 70.1%, 17.3%

OKLCH

0.5498 0.2201 17.3

Properties

Warm Dark Nearest: crimson

Color Harmonies

Complementary

#D3003F

#00D394

Analogous

#D300A9

#D32B00

#D3003F

Triadic

#D3003F

#3FD300

#003FD3

Split Complementary

#D3003F

#00D32B

#00A9D3

Tetradic

#D3003F

#A9D300

#00D394

#2B00D3

Color Blindness Simulation

Original

#D3003F

Protanopia

#787630

Deuteranopia

#84942C

Tritanopia

#C82421

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDEE7
200
#FFB8CD
300
#FF85A9
400
#FF427B
500
#FF004C
600
#CC003D
700
#A30031
800
#800026
900
#5C051F
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