#C47784

#C47784

Color Values

HEX

#C47784

RGB

196, 119, 132

HSL

349,9, 39,5%, 61,8%

HSV

349,9, 39,3%, 76,9%

CMYK

0,0%, 39,3%, 32,7%, 23,1%

OKLCH

0,6553 0,0975 9,2

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C47784

#77C4B7

Analogous

#C477AB

#C49177

#C47784

Triadic

#C47784

#84C477

#7784C4

Split Complementary

#C47784

#77C491

#77ABC4

Tetradic

#C47784

#ABC477

#77C4B7

#9177C4

Color Blindness Simulation

Original

#C47784

Protanopia

#A3A281

Deuteranopia

#A7AD80

Tritanopia

#C07E7E

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7E9
200
#E9CDD2
300
#DAAAB2
400
#C67B88
500
#B24D5E
600
#8E3E4B
700
#72313C
800
#59272F
900
#421F25
950
#291417

Contrast Checker

Text on white

3,32:1

AA Fail AAA Fail

Text on black

6,32:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026