#C90366

#C90366

Color Values

HEX

#C90366

RGB

201, 3, 102

HSL

330,0, 97,1%, 40,0%

HSV

330,0, 98,5%, 78,8%

CMYK

0,0%, 98,5%, 49,3%, 21,2%

OKLCH

0,5409 0,2174 1,6

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#C90366

#03C966

Analogous

#C903C9

#C90303

#C90366

Triadic

#C90366

#66C903

#0366C9

Split Complementary

#C90366

#03C903

#03C9C9

Tetradic

#C90366

#C9C903

#03C966

#0303C9

Color Blindness Simulation

Original

#C90366

Protanopia

#73724E

Deuteranopia

#7F8E48

Tritanopia

#BF3B37

Achromatopsia

#343434

CSS Usage

background-color: #C90366;
color: #C90366;
border-color: #C90366;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FEB9DB
300
#FD86C2
400
#FC45A1
500
#FB0480
600
#C90366
700
#A10252
800
#7E0240
900
#5B0630
950
#39041F

Contrast Checker

Text on white

5,69:1

AA Pass AAA Fail

Text on black

3,69:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026