#CD423C

#CD423C

Color Values

HEX

#CD423C

RGB

205, 66, 60

HSL

2,5, 59,2%, 52,0%

HSV

2,5, 70,7%, 80,4%

CMYK

0,0%, 67,8%, 70,7%, 19,6%

OKLCH

0,5771 0,1765 26,7

Properties

Warm Dark Nearest: NCS S 1060-R Bright Red

Color Harmonies

Complementary

#CD423C

#3CC7CD

Analogous

#CD3C7F

#CD8B3C

#CD423C

Triadic

#CD423C

#3CCD42

#423CCD

Split Complementary

#CD423C

#3CCD8B

#3C7FCD

Tetradic

#CD423C

#7FCD3C

#3CC7CD

#8B3CCD

Color Blindness Simulation

Original

#CD423C

Protanopia

#91903D

Deuteranopia

#99A33E

Tritanopia

#C63F3F

Achromatopsia

#5F5F5F

CSS Usage

background-color: #CD423C;
color: #CD423C;
border-color: #CD423C;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FBF4F4
100
#F6E5E4
200
#F0C8C6
300
#E6A19E
400
#D96D69
500
#CB3A34
600
#A22F2A
700
#822521
800
#651D1A
900
#4A1917
950
#2F100E

Contrast Checker

Text on white

4,73:1

AA Pass AAA Fail

Text on black

4,44:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026