#D23949

#D23949

Color Values

HEX

#D23949

RGB

210, 57, 73

HSL

353,7, 63,0%, 52,4%

HSV

353,7, 72,9%, 82,4%

CMYK

0,0%, 72,9%, 65,2%, 17,6%

OKLCH

0,5785 0,1887 19,9

Properties

Warm Dark Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#D23949

#39D2C2

Analogous

#D23996

#D27639

#D23949

Triadic

#D23949

#49D239

#3949D2

Split Complementary

#D23949

#39D276

#3996D2

Tetradic

#D23949

#96D239

#39D2C2

#7639D2

Color Blindness Simulation

Original

#D23949

Protanopia

#908E45

Deuteranopia

#99A444

Tritanopia

#CA4241

Achromatopsia

#5B5B5B

CSS Usage

background-color: #D23949;
color: #D23949;
border-color: #D23949;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FBF3F4
100
#F7E4E6
200
#F2C5CA
300
#E89BA3
400
#DC6572
500
#D02F40
600
#A62633
700
#851E29
800
#681820
900
#4C151B
950
#300D11

Contrast Checker

Text on white

4,75:1

AA Pass AAA Fail

Text on black

4,42: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