#C76393

#C76393

Color Values

HEX

#C76393

RGB

199, 99, 147

HSL

331.2, 47.2%, 58.4%

HSV

331.2, 50.3%, 78.0%

CMYK

0.0%, 50.3%, 26.1%, 22.0%

OKLCH

0.6322 0.1381 351.7

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C76393

#63C797

Analogous

#C763C5

#C76563

#C76393

Triadic

#C76393

#93C763

#6393C7

Split Complementary

#C76393

#63C765

#63C5C7

Tetradic

#C76393

#C5C763

#63C797

#6563C7

Color Blindness Simulation

Original

#C76393

Protanopia

#9C9B87

Deuteranopia

#A2A985

Tritanopia

#C27E7C

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCADB
300
#DFA5C1
400
#CD749F
500
#BC437D
600
#963664
700
#782B50
800
#5E223F
900
#451C30
950
#2C121E

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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