#C76598

#C76598

Color Values

HEX

#C76598

RGB

199, 101, 152

HSL

328.8, 46.7%, 58.8%

HSV

328.8, 49.2%, 78.0%

CMYK

0.0%, 49.2%, 23.6%, 22.0%

OKLCH

0.6369 0.1376 349.2

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C76598

#65C794

Analogous

#C565C7

#C76567

#C76598

Triadic

#C76598

#98C765

#6598C7

Split Complementary

#C76598

#67C765

#65C7C5

Tetradic

#C76598

#C7C565

#65C794

#6567C7

Color Blindness Simulation

Original

#C76598

Protanopia

#9D9C8C

Deuteranopia

#A2AA89

Tritanopia

#C28280

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCBDC
300
#DEA5C3
400
#CD75A2
500
#BB4482
600
#963668
700
#782B53
800
#5E2241
900
#451C31
950
#2B121F

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

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