#CC5B63

#CC5B63

Color Values

HEX

#CC5B63

RGB

204, 91, 99

HSL

355.8, 52.6%, 57.8%

HSV

355.8, 55.4%, 80.0%

CMYK

0.0%, 55.4%, 51.5%, 20.0%

OKLCH

0.6141 0.1437 18.0

Properties

Warm Light Nearest: indianred

Color Harmonies

Complementary

#CC5B63

#5BCCC4

Analogous

#CC5B9B

#CC8B5B

#CC5B63

Triadic

#CC5B63

#63CC5B

#5B63CC

Split Complementary

#CC5B63

#5BCC8B

#5B9BCC

Tetradic

#CC5B63

#9BCC5B

#5BCCC4

#8B5BCC

Color Blindness Simulation

Original

#CC5B63

Protanopia

#9B9A61

Deuteranopia

#A2AA61

Tritanopia

#C6605F

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

4.0:1

AA Fail AAA Fail

Text on black

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