#C45996

#C45996

Color Values

HEX

#C45996

RGB

196, 89, 150

HSL

325.8, 47.6%, 55.9%

HSV

325.8, 54.6%, 76.9%

CMYK

0.0%, 54.6%, 23.5%, 23.1%

OKLCH

0.6152 0.1531 347.2

Properties

Warm Light Nearest: Mulberry

Color Harmonies

Complementary

#C45996

#59C487

Analogous

#BD59C4

#C45961

#C45996

Triadic

#C45996

#96C459

#5996C4

Split Complementary

#C45996

#61C459

#59C4BD

Tetradic

#C45996

#C4BD59

#59C487

#5961C4

Color Blindness Simulation

Original

#C45996

Protanopia

#969587

Deuteranopia

#9CA484

Tritanopia

#BF7C79

Achromatopsia

#747474

CSS Usage

background-color: #C45996;
color: #C45996;
border-color: #C45996;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCADE
300
#DFA5C6
400
#CE74A7
500
#BC4388
600
#97356D
700
#782B57
800
#5E2144
900
#451C33
950
#2C1120

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

5.22:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026