#C78096

#C78096

Color Values

HEX

#C78096

RGB

199, 128, 150

HSL

341.4, 38.8%, 64.1%

HSV

341.4, 35.7%, 78.0%

CMYK

0.0%, 35.7%, 24.6%, 22.0%

OKLCH

0.6796 0.0917 359.7

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C78096

#80C7B1

Analogous

#C780B9

#C78D80

#C78096

Triadic

#C78096

#96C780

#8096C7

Split Complementary

#C78096

#80C78D

#80B9C7

Tetradic

#C78096

#B9C780

#80C7B1

#8D80C7

Color Blindness Simulation

Original

#C78096

Protanopia

#A8A891

Deuteranopia

#ACB28F

Tritanopia

#C38C8C

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7EB
200
#E9CDD6
300
#DAAAB9
400
#C57C93
500
#B14E6D
600
#8E3E57
700
#713246
800
#582736
900
#41202A
950
#29141B

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

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