#C15987

#C15987

Color Values

HEX

#C15987

RGB

193, 89, 135

HSL

333.5, 45.6%, 55.3%

HSV

333.5, 53.9%, 75.7%

CMYK

0.0%, 53.9%, 30.1%, 24.3%

OKLCH

0.6056 0.1422 354.4

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C15987

#59C193

Analogous

#C159BB

#C15F59

#C15987

Triadic

#C15987

#87C159

#5987C1

Split Complementary

#C15987

#59C15F

#59BBC1

Tetradic

#C15987

#BBC159

#59C193

#5F59C1

Color Blindness Simulation

Original

#C15987

Protanopia

#94937C

Deuteranopia

#9AA279

Tritanopia

#BC7371

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD9
300
#DEA6BF
400
#CC769C
500
#BA4579
600
#953761
700
#772C4D
800
#5D233C
900
#441D2E
950
#2B121D

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.05: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