#C04475

#C04475

Color Values

HEX

#C04475

RGB

192, 68, 117

HSL

336,3, 49,6%, 51,0%

HSV

336,3, 64,6%, 75,3%

CMYK

0,0%, 64,6%, 39,1%, 24,7%

OKLCH

0,5714 0,1646 359,3

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#C04475

#44C08F

Analogous

#C044B3

#C05144

#C04475

Triadic

#C04475

#75C044

#4475C0

Split Complementary

#C04475

#44C051

#44B3C0

Tetradic

#C04475

#B3C044

#44C08F

#5144C0

Color Blindness Simulation

Original

#C04475

Protanopia

#8A8969

Deuteranopia

#929B66

Tritanopia

#BA605E

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDCAD8
300
#E0A3BB
400
#CF7297
500
#BF4072
600
#99335B
700
#7A2949
800
#5F2039
900
#461B2C
950
#2C111C

Contrast Checker

Text on white

4,86:1

AA Pass AAA Fail

Text on black

4,33: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