#CD3954

#CD3954

Color Values

HEX

#CD3954

RGB

205, 57, 84

HSL

349.1, 59.7%, 51.4%

HSV

349.1, 72.2%, 80.4%

CMYK

0.0%, 72.2%, 59.0%, 19.6%

OKLCH

0.5722 0.1838 15.0

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#CD3954

#39CDB2

Analogous

#CD399E

#CD6839

#CD3954

Triadic

#CD3954

#54CD39

#3954CD

Split Complementary

#CD3954

#39CD68

#399ECD

Tetradic

#CD3954

#9ECD39

#39CDB2

#6839CD

Color Blindness Simulation

Original

#CD3954

Protanopia

#8D8C4D

Deuteranopia

#96A14C

Tritanopia

#C64847

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF3F5
100
#F6E4E7
200
#F1C6CE
300
#E69DAB
400
#D9687D
500
#CC334F
600
#A3293F
700
#822133
800
#661A28
900
#4A1620
950
#2F0E14

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

4.31: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