#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