#C80493

#C80493

Color Values

HEX

#C80493

RGB

200, 4, 147

HSL

316.2, 96.1%, 40.0%

HSV

316.2, 98.0%, 78.4%

CMYK

0.0%, 98.0%, 26.5%, 21.6%

OKLCH

0.5566 0.2356 344.6

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#C80493

#04C839

Analogous

#9B04C8

#C80431

#C80493

Triadic

#C80493

#93C804

#0493C8

Split Complementary

#C80493

#31C804

#04C89B

Tetradic

#C80493

#C89B04

#04C839

#0431C8

Color Blindness Simulation

Original

#C80493

Protanopia

#737170

Deuteranopia

#7E8D68

Tritanopia

#BE554F

Achromatopsia

#383838

CSS Usage

background-color: #C80493;
color: #C80493;
border-color: #C80493;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1FA
100
#FCDFF4
200
#FEB9EB
300
#FD87DD
400
#FB46CA
500
#FA05B8
600
#C80493
700
#A00376
800
#7D025C
900
#5A0744
950
#39042B

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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