#C02878

#C02878

Color Values

HEX

#C02878

RGB

192, 40, 120

HSL

328.4, 65.5%, 45.5%

HSV

328.4, 79.2%, 75.3%

CMYK

0.0%, 79.2%, 37.5%, 24.7%

OKLCH

0.5464 0.1977 354.1

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#C02878

#28C070

Analogous

#BC28C0

#C0282C

#C02878

Triadic

#C02878

#78C028

#2878C0

Split Complementary

#C02878

#2CC028

#28C0BC

Tetradic

#C02878

#C0BC28

#28C070

#282CC0

Color Blindness Simulation

Original

#C02878

Protanopia

#7E7D65

Deuteranopia

#879260

Tritanopia

#B85552

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F3C4DD
300
#EA9AC4
400
#DE63A4
500
#D32C84
600
#A9236A
700
#871C54
800
#6A1642
900
#4D1432
950
#310D20

Contrast Checker

Text on white

5.5:1

AA Pass AAA Fail

Text on black

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