#D4035F

#D4035F

Color Values

HEX

#D4035F

RGB

212, 3, 95

HSL

333.6, 97.2%, 42.2%

HSV

333.6, 98.6%, 83.1%

CMYK

0.0%, 98.6%, 55.2%, 16.9%

OKLCH

0.5592 0.2232 6.4

Properties

Warm Dark Nearest: Razzmatazz

Color Harmonies

Complementary

#D4035F

#03D478

Analogous

#D403C8

#D41003

#D4035F

Triadic

#D4035F

#5FD403

#035FD4

Split Complementary

#D4035F

#03D410

#03C8D4

Tetradic

#D4035F

#C8D403

#03D478

#1003D4

Color Blindness Simulation

Original

#D4035F

Protanopia

#797849

Deuteranopia

#869543

Tritanopia

#CA3733

Achromatopsia

#363636

CSS Usage

background-color: #D4035F;
color: #D4035F;
border-color: #D4035F;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FEF1F7
100
#FCDEEB
200
#FEB9D7
300
#FD86BB
400
#FC4596
500
#FB0471
600
#C9035A
700
#A10248
800
#7E0238
900
#5B062B
950
#39041B

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

3.98:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026