#C76FA5

#C76FA5

Color Values

HEX

#C76FA5

RGB

199, 111, 165

HSL

323.2, 44.0%, 60.8%

HSV

323.2, 44.2%, 78.0%

CMYK

0.0%, 44.2%, 17.1%, 22.0%

OKLCH

0.6568 0.1289 343.6

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C76FA5

#6FC791

Analogous

#BD6FC7

#C76F79

#C76FA5

Triadic

#C76FA5

#A5C76F

#6FA5C7

Split Complementary

#C76FA5

#79C76F

#6FC7BD

Tetradic

#C76FA5

#C7BD6F

#6FC791

#6F79C7

Color Blindness Simulation

Original

#C76FA5

Protanopia

#A1A098

Deuteranopia

#A6AD95

Tritanopia

#C38E8B

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EF
200
#EBCCDF
300
#DDA7C8
400
#CA77AA
500
#B8478C
600
#933970
700
#762E5A
800
#5C2446
900
#441D35
950
#2B1221

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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