#C78097

#C78097

Color Values

HEX

#C78097

RGB

199, 128, 151

HSL

340.6, 38.8%, 64.1%

HSV

340.6, 35.7%, 78.0%

CMYK

0.0%, 35.7%, 24.1%, 22.0%

OKLCH

0.6799 0.0921 358.9

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#C78097

#80C7B0

Analogous

#C780BA

#C78C80

#C78097

Triadic

#C78097

#97C780

#8097C7

Split Complementary

#C78097

#80C78C

#80BAC7

Tetradic

#C78097

#BAC780

#80C7B0

#8C80C7

Color Blindness Simulation

Original

#C78097

Protanopia

#A8A891

Deuteranopia

#ACB290

Tritanopia

#C38D8C

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7EB
200
#E9CDD6
300
#DAAAB9
400
#C57C94
500
#B14E6E
600
#8E3E58
700
#713246
800
#582737
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