#C20564

#C20564

Color Values

HEX

#C20564

RGB

194, 5, 100

HSL

329.8, 95.0%, 39.0%

HSV

329.8, 97.4%, 76.1%

CMYK

0.0%, 97.4%, 48.5%, 23.9%

OKLCH

0.5279 0.2116 0.9

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#C20564

#05C263

Analogous

#C105C2

#C20506

#C20564

Triadic

#C20564

#64C205

#0564C2

Split Complementary

#C20564

#06C205

#05C2C1

Tetradic

#C20564

#C2C105

#05C263

#0506C2

Color Blindness Simulation

Original

#C20564

Protanopia

#706F4D

Deuteranopia

#7B8948

Tritanopia

#B93B37

Achromatopsia

#343434

CSS Usage

background-color: #C20564;
color: #C20564;
border-color: #C20564;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FEF1F7
100
#FCDFED
200
#FDB9DC
300
#FC88C2
400
#FA47A1
500
#F90680
600
#C70567
700
#9F0452
800
#7C0340
900
#5A0731
950
#39041F

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

3.5:1

AA Fail 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