#C4427C

#C4427C

Color Values

HEX

#C4427C

RGB

196, 66, 124

HSL

333.2, 52.4%, 51.4%

HSV

333.2, 66.3%, 76.9%

CMYK

0.0%, 66.3%, 36.7%, 23.1%

OKLCH

0.5777 0.1735 356.5

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#C4427C

#42C48A

Analogous

#C442BD

#C44942

#C4427C

Triadic

#C4427C

#7CC442

#427CC4

Split Complementary

#C4427C

#42C449

#42BDC4

Tetradic

#C4427C

#BDC442

#42C48A

#4942C4

Color Blindness Simulation

Original

#C4427C

Protanopia

#8C8B6E

Deuteranopia

#939D6B

Tritanopia

#BE6360

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EEC9D9
300
#E2A2BE
400
#D26F9B
500
#C23D78
600
#9B3160
700
#7C274D
800
#611E3C
900
#471A2E
950
#2D101D

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026