#C07778

#C07778

Color Values

HEX

#C07778

RGB

192, 119, 120

HSL

359.2, 36.7%, 61.0%

HSV

359.2, 38.0%, 75.3%

CMYK

0.0%, 38.0%, 37.5%, 24.7%

OKLCH

0.6472 0.092 19.0

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C07778

#77C0BF

Analogous

#C0779D

#C09B77

#C07778

Triadic

#C07778

#78C077

#7778C0

Split Complementary

#C07778

#77C09B

#779DC0

Tetradic

#C07778

#9DC077

#77C0BF

#9B77C0

Color Blindness Simulation

Original

#C07778

Protanopia

#A0A078

Deuteranopia

#A5AA78

Tritanopia

#BC7878

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8CECF
300
#D8ABAC
400
#C37E7F
500
#AE5152
600
#8B4142
700
#703434
800
#572829
900
#402021
950
#291415

Contrast Checker

Text on white

3.41:1

AA Fail AAA Fail

Text on black

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