#C47976

#C47976

Color Values

HEX

#C47976

RGB

196, 121, 118

HSL

2.3, 39.8%, 61.6%

HSV

2.3, 39.8%, 76.9%

CMYK

0.0%, 38.3%, 39.8%, 23.1%

OKLCH

0.6551 0.0946 22.4

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C47976

#76C1C4

Analogous

#C4769A

#C4A076

#C47976

Triadic

#C47976

#76C479

#7976C4

Split Complementary

#C47976

#76C4A0

#769AC4

Tetradic

#C47976

#9AC476

#76C1C4

#A076C4

Color Blindness Simulation

Original

#C47976

Protanopia

#A4A377

Deuteranopia

#A8AE77

Tritanopia

#C07777

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#EACECD
300
#DAABA9
400
#C67E7B
500
#B2514D
600
#8F413D
700
#723431
800
#592826
900
#42201F
950
#2A1414

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

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