#C24772

#C24772

Color Values

HEX

#C24772

RGB

194, 71, 114

HSL

339.0, 50.2%, 52.0%

HSV

339.0, 63.4%, 76.1%

CMYK

0.0%, 63.4%, 41.2%, 23.9%

OKLCH

0.577 0.1615 2.0

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#C24772

#47C297

Analogous

#C247B0

#C25A47

#C24772

Triadic

#C24772

#72C247

#4772C2

Split Complementary

#C24772

#47C25A

#47B0C2

Tetradic

#C24772

#B0C247

#47C297

#5A47C2

Color Blindness Simulation

Original

#C24772

Protanopia

#8D8C68

Deuteranopia

#949D65

Tritanopia

#BC5F5E

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F5E6EB
200
#EDC9D6
300
#E1A3B9
400
#D07192
500
#C03F6C
600
#993357
700
#7B2945
800
#602036
900
#461B2A
950
#2C111A

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

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