#C24975

#C24975

Color Values

HEX

#C24975

RGB

194, 73, 117

HSL

338.2, 49.8%, 52.4%

HSV

338.2, 62.4%, 76.1%

CMYK

0.0%, 62.4%, 39.7%, 23.9%

OKLCH

0.5803 0.1597 0.8

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#C24975

#49C296

Analogous

#C249B2

#C25A49

#C24975

Triadic

#C24975

#75C249

#4975C2

Split Complementary

#C24975

#49C25A

#49B2C2

Tetradic

#C24975

#B2C249

#49C296

#5A49C2

Color Blindness Simulation

Original

#C24975

Protanopia

#8E8D6A

Deuteranopia

#959E68

Tritanopia

#BC6260

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#FBF4F6
100
#F5E6EB
200
#EDCAD6
300
#E0A3B9
400
#D07294
500
#BF406E
600
#993358
700
#7A2946
800
#5F2037
900
#461B2B
950
#2C111B

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

4.5:1

AA Pass 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