#C80456

#C80456

Color Values

HEX

#C80456

RGB

200, 4, 86

HSL

334.9, 96.1%, 40.0%

HSV

334.9, 98.0%, 78.4%

CMYK

0.0%, 98.0%, 57.0%, 21.6%

OKLCH

0.5348 0.2127 7.7

Properties

Warm Dark Nearest: Razzmatazz

Color Harmonies

Complementary

#C80456

#04C876

Analogous

#C804B8

#C81404

#C80456

Triadic

#C80456

#56C804

#0456C8

Split Complementary

#C80456

#04C814

#04B8C8

Tetradic

#C80456

#B8C804

#04C876

#1404C8

Color Blindness Simulation

Original

#C80456

Protanopia

#737142

Deuteranopia

#7E8D3D

Tritanopia

#BE322F

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDFEB
200
#FEB9D6
300
#FD87B8
400
#FB4692
500
#FA056B
600
#C80456
700
#A00345
800
#7D0236
900
#5A072A
950
#39041A

Contrast Checker

Text on white

5.82:1

AA Pass AAA Fail

Text on black

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