#CC7B83

#CC7B83

Color Values

HEX

#CC7B83

RGB

204, 123, 131

HSL

354.1, 44.3%, 64.1%

HSV

354.1, 39.7%, 80.0%

CMYK

0.0%, 39.7%, 35.8%, 20.0%

OKLCH

0.6717 0.1013 13.8

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#CC7B83

#7BCCC4

Analogous

#CC7BAB

#CC9B7B

#CC7B83

Triadic

#CC7B83

#83CC7B

#7B83CC

Split Complementary

#CC7B83

#7BCC9B

#7BABCC

Tetradic

#CC7B83

#ABCC7B

#7BCCC4

#9B7BCC

Color Blindness Simulation

Original

#CC7B83

Protanopia

#A9A881

Deuteranopia

#AEB481

Tritanopia

#C8807F

Achromatopsia

#8D8D8D

CSS Usage

background-color: #CC7B83;
color: #CC7B83;
border-color: #CC7B83;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF4F5
100
#F4E6E8
200
#EBCBCF
300
#DDA7AC
400
#CA777F
500
#B84752
600
#933942
700
#762D35
800
#5C2429
900
#441D21
950
#2B1215

Contrast Checker

Text on white

3.12:1

AA Fail AAA Fail

Text on black

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