#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026