#C4357C

#C4357C

Color Values

HEX

#C4357C

RGB

196, 53, 124

HSL

330.2, 57.4%, 48.8%

HSV

330.2, 73.0%, 76.9%

CMYK

0.0%, 73.0%, 36.7%, 23.1%

OKLCH

0.5649 0.1893 354.7

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#C4357C

#35C47D

Analogous

#C435C3

#C43535

#C4357C

Triadic

#C4357C

#7CC435

#357CC4

Split Complementary

#C4357C

#35C435

#35C3C4

Tetradic

#C4357C

#C3C435

#35C47D

#3535C4

Color Blindness Simulation

Original

#C4357C

Protanopia

#86856B

Deuteranopia

#8E9967

Tritanopia

#BD5D5A

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E4ED
200
#F0C7DB
300
#E59FC2
400
#D76AA0
500
#C9367F
600
#A12B66
700
#802351
800
#641B40
900
#491730
950
#2E0F1E

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

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