#C20F63

#C20F63

Color Values

HEX

#C20F63

RGB

194, 15, 99

HSL

331.8, 85.6%, 41.0%

HSV

331.8, 92.3%, 76.1%

CMYK

0.0%, 92.3%, 49.0%, 23.9%

OKLCH

0.5302 0.2079 1.7

Properties

Warm Dark Nearest: RAL 4010 Telemagenta

Color Harmonies

Complementary

#C20F63

#0FC26E

Analogous

#C20FBD

#C2140F

#C20F63

Triadic

#C20F63

#63C20F

#0F63C2

Split Complementary

#C20F63

#0FC214

#0FBDC2

Tetradic

#C20F63

#BDC20F

#0FC26E

#140FC2

Color Blindness Simulation

Original

#C20F63

Protanopia

#74734F

Deuteranopia

#7F8C4A

Tritanopia

#B93F3B

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0EC
200
#FABDD9
300
#F68DBF
400
#F1509C
500
#ED1279
600
#BD0F61
700
#970C4D
800
#76093C
900
#560B2E
950
#36071D

Contrast Checker

Text on white

5.93:1

AA Pass AAA Fail

Text on black

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