#C07296

#C07296

Color Values

HEX

#C07296

RGB

192, 114, 150

HSL

332.3, 38.2%, 60.0%

HSV

332.3, 40.6%, 75.3%

CMYK

0.0%, 40.6%, 21.9%, 24.7%

OKLCH

0.6476 0.1075 351.4

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#C07296

#72C09C

Analogous

#C072BD

#C07572

#C07296

Triadic

#C07296

#96C072

#7296C0

Split Complementary

#C07296

#72C075

#72BDC0

Tetradic

#C07296

#BDC072

#72C09C

#7572C0

Color Blindness Simulation

Original

#C07296

Protanopia

#9E9E8D

Deuteranopia

#A3A98B

Tritanopia

#BC8685

Achromatopsia

#858585

CSS Usage

background-color: #C07296;
color: #C07296;
border-color: #C07296;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FAF5F7
100
#F3E7ED
200
#E9CEDA
300
#D9AAC0
400
#C57D9E
500
#B04F7C
600
#8D3F63
700
#71324F
800
#58273E
900
#41202F
950
#29141E

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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