#C02475

#C02475

Color Values

HEX

#C02475

RGB

192, 36, 117

HSL

328.8, 68.4%, 44.7%

HSV

328.8, 81.3%, 75.3%

CMYK

0.0%, 81.3%, 39.1%, 24.7%

OKLCH

0.5426 0.1999 355.1

Properties

Warm Dark Nearest: violetred 3

Color Harmonies

Complementary

#C02475

#24C06F

Analogous

#BD24C0

#C02427

#C02475

Triadic

#C02475

#75C024

#2475C0

Split Complementary

#C02475

#27C024

#24C0BD

Tetradic

#C02475

#C0BD24

#24C06F

#2427C0

Color Blindness Simulation

Original

#C02475

Protanopia

#7C7B61

Deuteranopia

#86915D

Tritanopia

#B8524F

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F8E3EE
200
#F4C3DC
300
#EC98C3
400
#E160A3
500
#D72883
600
#AC2069
700
#891A54
800
#6B1441
900
#4E1332
950
#310C1F

Contrast Checker

Text on white

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