#C48078

#C48078

Color Values

HEX

#C48078

RGB

196, 128, 120

HSL

6.3, 39.2%, 62.0%

HSV

6.3, 38.8%, 76.9%

CMYK

0.0%, 34.7%, 38.8%, 23.1%

OKLCH

0.668 0.086 26.9

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C48078

#78BCC4

Analogous

#C47896

#C4A678

#C48078

Triadic

#C48078

#78C480

#8078C4

Split Complementary

#C48078

#78C4A6

#7896C4

Tetradic

#C48078

#96C478

#78BCC4

#A678C4

Color Blindness Simulation

Original

#C48078

Protanopia

#A7A67A

Deuteranopia

#AAB07A

Tritanopia

#C17B7C

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#E9D0CD
300
#DAAFAA
400
#C6837C
500
#B1584E
600
#8E463E
700
#723832
800
#592C27
900
#42231F
950
#291614

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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