#C20866

#C20866

Color Values

HEX

#C20866

RGB

194, 8, 102

HSL

329.7, 92.1%, 39.6%

HSV

329.7, 95.9%, 76.1%

CMYK

0.0%, 95.9%, 47.4%, 23.9%

OKLCH

0.5292 0.2112 0.2

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#C20866

#08C264

Analogous

#C108C2

#C20809

#C20866

Triadic

#C20866

#66C208

#0866C2

Split Complementary

#C20866

#09C208

#08C2C1

Tetradic

#C20866

#C2C108

#08C264

#0809C2

Color Blindness Simulation

Original

#C20866

Protanopia

#71704F

Deuteranopia

#7C8A4A

Tritanopia

#B93D39

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FDF1F7
100
#FBDFED
200
#FCBADC
300
#FA89C2
400
#F84AA2
500
#F50A81
600
#C40867
700
#9D0652
800
#7A0540
900
#590831
950
#38051F

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

3.52:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026