#C76692

#C76692

Color Values

HEX

#C76692

RGB

199, 102, 146

HSL

332.8, 46.4%, 59.0%

HSV

332.8, 48.7%, 78.0%

CMYK

0.0%, 48.7%, 26.6%, 22.0%

OKLCH

0.6363 0.1327 353.0

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C76692

#66C79B

Analogous

#C766C2

#C76A66

#C76692

Triadic

#C76692

#92C766

#6692C7

Split Complementary

#C76692

#66C76A

#66C2C7

Tetradic

#C76692

#C2C766

#66C79B

#6A66C7

Color Blindness Simulation

Original

#C76692

Protanopia

#9D9C87

Deuteranopia

#A3AA85

Tritanopia

#C27F7D

Achromatopsia

#7E7E7E

CSS Usage

background-color: #C76692;
color: #C76692;
border-color: #C76692;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBDA
300
#DEA5BF
400
#CC759D
500
#BB447A
600
#953762
700
#772C4E
800
#5D223D
900
#451C2F
950
#2B121D

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.74:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026