#CC5D63

#CC5D63

Color Values

HEX

#CC5D63

RGB

204, 93, 99

HSL

356.8, 52.1%, 58.2%

HSV

356.8, 54.4%, 80.0%

CMYK

0.0%, 54.4%, 51.5%, 20.0%

OKLCH

0.6169 0.1412 18.9

Properties

Warm Light Nearest: indianred

Color Harmonies

Complementary

#CC5D63

#5DCCC6

Analogous

#CC5D9A

#CC8E5D

#CC5D63

Triadic

#CC5D63

#63CC5D

#5D63CC

Split Complementary

#CC5D63

#5DCC8E

#5D9ACC

Tetradic

#CC5D63

#9ACC5D

#5DCCC6

#8E5DCC

Color Blindness Simulation

Original

#CC5D63

Protanopia

#9C9B62

Deuteranopia

#A2AB61

Tritanopia

#C66060

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E5E6
200
#EEC9CB
300
#E2A2A5
400
#D26F75
500
#C23D44
600
#9B3137
700
#7C272C
800
#611F22
900
#471A1C
950
#2D1012

Contrast Checker

Text on white

3.95:1

AA Fail AAA Fail

Text on black

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