#C45588

#C45588

Color Values

HEX

#C45588

RGB

196, 85, 136

HSL

332.4, 48.5%, 55.1%

HSV

332.4, 56.6%, 76.9%

CMYK

0.0%, 56.6%, 30.6%, 23.1%

OKLCH

0.6048 0.1518 353.9

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C45588

#55C491

Analogous

#C455C0

#C45955

#C45588

Triadic

#C45588

#88C455

#5588C4

Split Complementary

#C45588

#55C459

#55C0C4

Tetradic

#C45588

#C0C455

#55C491

#5955C4

Color Blindness Simulation

Original

#C45588

Protanopia

#94937C

Deuteranopia

#9AA379

Tritanopia

#BE7270

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6ED
200
#EDCADA
300
#DFA4BF
400
#CE739D
500
#BD427B
600
#973562
700
#792A4E
800
#5F213D
900
#461B2F
950
#2C111E

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

5.0:1

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