#C0307C

#C0307C

Color Values

HEX

#C0307C

RGB

192, 48, 124

HSL

328.3, 60.0%, 47.1%

HSV

328.3, 75.0%, 75.3%

CMYK

0.0%, 75.0%, 35.4%, 24.7%

OKLCH

0.554 0.1916 353.1

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#C0307C

#30C074

Analogous

#BC30C0

#C03034

#C0307C

Triadic

#C0307C

#7CC030

#307CC0

Split Complementary

#C0307C

#34C030

#30C0BC

Tetradic

#C0307C

#C0BC30

#30C074

#3034C0

Color Blindness Simulation

Original

#C0307C

Protanopia

#82806A

Deuteranopia

#8A9565

Tritanopia

#B95B58

Achromatopsia

#545454

CSS Usage

background-color: #C0307C;
color: #C0307C;
border-color: #C0307C;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FBF3F8
100
#F6E4EE
200
#F1C6DD
300
#E79DC4
400
#D968A4
500
#CC3384
600
#A32969
700
#832154
800
#661A42
900
#4B1632
950
#2F0E20

Contrast Checker

Text on white

5.31:1

AA Pass AAA Fail

Text on black

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