#C47878

#C47878

Color Values

HEX

#C47878

RGB

196, 120, 120

HSL

0.0, 39.2%, 62.0%

HSV

0.0, 38.8%, 76.9%

CMYK

0.0%, 38.8%, 38.8%, 23.1%

OKLCH

0.6539 0.0956 20.0

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C47878

#78C4C4

Analogous

#C4789E

#C49E78

#C47878

Triadic

#C47878

#78C478

#7878C4

Split Complementary

#C47878

#78C49E

#789EC4

Tetradic

#C47878

#9EC478

#78C4C4

#9E78C4

Color Blindness Simulation

Original

#C47878

Protanopia

#A3A278

Deuteranopia

#A8AD78

Tritanopia

#C07878

Achromatopsia

#888888

CSS Usage

background-color: #C47878;
color: #C47878;
border-color: #C47878;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F5
100
#F3E7E7
200
#E9CDCD
300
#DAAAAA
400
#C67C7C
500
#B14E4E
600
#8E3E3E
700
#723232
800
#592727
900
#421F1F
950
#291414

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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