#C80483

#C80483

Color Values

HEX

#C80483

RGB

200, 4, 131

HSL

321.1, 96.1%, 40.0%

HSV

321.1, 98.0%, 78.4%

CMYK

0.0%, 98.0%, 34.5%, 21.6%

OKLCH

0.5497 0.2276 350.3

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#C80483

#04C849

Analogous

#AB04C8

#C80421

#C80483

Triadic

#C80483

#83C804

#0483C8

Split Complementary

#C80483

#21C804

#04C8AB

Tetradic

#C80483

#C8AB04

#04C849

#0421C8

Color Blindness Simulation

Original

#C80483

Protanopia

#737164

Deuteranopia

#7E8D5D

Tritanopia

#BE4C47

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#FEF1F9
100
#FCDFF1
200
#FEB9E5
300
#FD87D3
400
#FB46BC
500
#FA05A4
600
#C80483
700
#A00369
800
#7D0252
900
#5A073D
950
#390426

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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