#C03679

#C03679

Color Values

HEX

#C03679

RGB

192, 54, 121

HSL

330.9, 56.1%, 48.2%

HSV

330.9, 71.9%, 75.3%

CMYK

0.0%, 71.9%, 37.0%, 24.7%

OKLCH

0.5582 0.1836 355.1

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#C03679

#36C07D

Analogous

#C036BE

#C03836

#C03679

Triadic

#C03679

#79C036

#3679C0

Split Complementary

#C03679

#36C038

#36BEC0

Tetradic

#C03679

#BEC036

#36C07D

#3836C0

Color Blindness Simulation

Original

#C03679

Protanopia

#848369

Deuteranopia

#8C9765

Tritanopia

#B95C59

Achromatopsia

#585858

CSS Usage

background-color: #C03679;
color: #C03679;
border-color: #C03679;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF4F7
100
#F6E5ED
200
#EFC7DB
300
#E49FC1
400
#D66C9F
500
#C7387D
600
#9F2D64
700
#7F2450
800
#641C3F
900
#491830
950
#2E0F1E

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

4.05:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026