#C80F6D

#C80F6D

Color Values

HEX

#C80F6D

RGB

200, 15, 109

HSL

329.5, 86.0%, 42.2%

HSV

329.5, 92.5%, 78.4%

CMYK

0.0%, 92.5%, 45.5%, 21.6%

OKLCH

0.5443 0.2151 359.0

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#C80F6D

#0FC86A

Analogous

#C70FC8

#C80F11

#C80F6D

Triadic

#C80F6D

#6DC80F

#0F6DC8

Split Complementary

#C80F6D

#11C80F

#0FC8C7

Tetradic

#C80F6D

#C8C70F

#0FC86A

#0F11C8

Color Blindness Simulation

Original

#C80F6D

Protanopia

#787656

Deuteranopia

#839051

Tritanopia

#BF4440

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABDDC
300
#F68DC3
400
#F250A2
500
#ED1281
600
#BE0E67
700
#980B53
800
#770941
900
#560B31
950
#36071F

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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