#C20163

#C20163

Color Values

HEX

#C20163

RGB

194, 1, 99

HSL

329.5, 99.0%, 38.2%

HSV

329.5, 99.5%, 76.1%

CMYK

0.0%, 99.5%, 49.0%, 23.9%

OKLCH

0.5266 0.2125 1.2

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#C20163

#01C260

Analogous

#C001C2

#C20103

#C20163

Triadic

#C20163

#63C201

#0163C2

Split Complementary

#C20163

#03C201

#01C2C0

Tetradic

#C20163

#C2C001

#01C260

#0103C2

Color Blindness Simulation

Original

#C20163

Protanopia

#6E6D4B

Deuteranopia

#7A8846

Tritanopia

#B83934

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FFB8DC
300
#FE85C3
400
#FE43A2
500
#FE0182
600
#CB0168
700
#A20153
800
#7F0141
900
#5C0531
950
#3A031F

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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