#C02778

#C02778

Color Values

HEX

#C02778

RGB

192, 39, 120

HSL

328.2, 66.2%, 45.3%

HSV

328.2, 79.7%, 75.3%

CMYK

0.0%, 79.7%, 37.5%, 24.7%

OKLCH

0.5457 0.1986 354.1

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#C02778

#27C06F

Analogous

#BB27C0

#C0272C

#C02778

Triadic

#C02778

#78C027

#2778C0

Split Complementary

#C02778

#2CC027

#27C0BB

Tetradic

#C02778

#C0BB27

#27C06F

#272CC0

Color Blindness Simulation

Original

#C02778

Protanopia

#7E7C64

Deuteranopia

#879260

Tritanopia

#B85552

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EE
200
#F3C4DD
300
#EA99C4
400
#DF62A4
500
#D42B85
600
#AA226A
700
#881C55
800
#6A1642
900
#4D1432
950
#310C20

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

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