#C43878

#C43878

Color Values

HEX

#C43878

RGB

196, 56, 120

HSL

332.6, 55.6%, 49.4%

HSV

332.6, 71.4%, 76.9%

CMYK

0.0%, 71.4%, 38.8%, 23.1%

OKLCH

0.5662 0.1842 356.9

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#C43878

#38C484

Analogous

#C438BE

#C43E38

#C43878

Triadic

#C43878

#78C438

#3878C4

Split Complementary

#C43878

#38C43E

#38BEC4

Tetradic

#C43878

#BEC438

#38C484

#3E38C4

Color Blindness Simulation

Original

#C43878

Protanopia

#878669

Deuteranopia

#909A65

Tritanopia

#BD5C5A

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E5EC
200
#EFC7DA
300
#E4A0BF
400
#D56C9C
500
#C63979
600
#9F2D61
700
#7F244E
800
#631C3D
900
#49182E
950
#2E0F1D

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

4.18:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026