#CC5C63

#CC5C63

Color Values

HEX

#CC5C63

RGB

204, 92, 99

HSL

356.2, 52.3%, 58.0%

HSV

356.2, 54.9%, 80.0%

CMYK

0.0%, 54.9%, 51.5%, 20.0%

OKLCH

0.6155 0.1425 18.4

Properties

Warm Light Nearest: indianred

Color Harmonies

Complementary

#CC5C63

#5CCCC5

Analogous

#CC5C9B

#CC8D5C

#CC5C63

Triadic

#CC5C63

#63CC5C

#5C63CC

Split Complementary

#CC5C63

#5CCC8D

#5C9BCC

Tetradic

#CC5C63

#9BCC5C

#5CCCC5

#8D5CCC

Color Blindness Simulation

Original

#CC5C63

Protanopia

#9B9B61

Deuteranopia

#A2AA61

Tritanopia

#C66060

Achromatopsia

#747474

CSS Usage

background-color: #CC5C63;
color: #CC5C63;
border-color: #CC5C63;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FBF4F4
100
#F5E5E6
200
#EEC9CB
300
#E2A2A6
400
#D26F76
500
#C23D45
600
#9B3137
700
#7C272C
800
#611E23
900
#471A1D
950
#2D1012

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass 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