#C20162

#C20162

Color Values

HEX

#C20162

RGB

194, 1, 98

HSL

329.8, 99.0%, 38.2%

HSV

329.8, 99.5%, 76.1%

CMYK

0.0%, 99.5%, 49.5%, 23.9%

OKLCH

0.5263 0.2122 1.6

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#C20162

#01C261

Analogous

#C101C2

#C20102

#C20162

Triadic

#C20162

#62C201

#0162C2

Split Complementary

#C20162

#02C201

#01C2C1

Tetradic

#C20162

#C2C101

#01C261

#0102C2

Color Blindness Simulation

Original

#C20162

Protanopia

#6E6D4B

Deuteranopia

#7A8845

Tritanopia

#B83834

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FFB8DC
300
#FE85C2
400
#FE43A1
500
#FE0180
600
#CB0167
700
#A20152
800
#7F0140
900
#5C0531
950
#3A031F

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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