#C24775

#C24775

Color Values

HEX

#C24775

RGB

194, 71, 117

HSL

337.6, 50.2%, 52.0%

HSV

337.6, 63.4%, 76.1%

CMYK

0.0%, 63.4%, 39.7%, 23.9%

OKLCH

0.578 0.1624 0.4

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#C24775

#47C294

Analogous

#C247B2

#C25747

#C24775

Triadic

#C24775

#75C247

#4775C2

Split Complementary

#C24775

#47C257

#47B2C2

Tetradic

#C24775

#B2C247

#47C294

#5747C2

Color Blindness Simulation

Original

#C24775

Protanopia

#8D8C6A

Deuteranopia

#949D67

Tritanopia

#BC615F

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EB
200
#EDC9D7
300
#E1A3BA
400
#D07195
500
#C03F6F
600
#993359
700
#7B2947
800
#602038
900
#461B2B
950
#2C111B

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

4.45:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026