#C15286

#C15286

Color Values

HEX

#C15286

RGB

193, 82, 134

HSL

331.9, 47.2%, 53.9%

HSV

331.9, 57.5%, 75.7%

CMYK

0.0%, 57.5%, 30.6%, 24.3%

OKLCH

0.5958 0.1525 353.5

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C15286

#52C18D

Analogous

#C152BD

#C15552

#C15286

Triadic

#C15286

#86C152

#5286C1

Split Complementary

#C15286

#52C155

#52BDC1

Tetradic

#C15286

#BDC152

#52C18D

#5552C1

Color Blindness Simulation

Original

#C15286

Protanopia

#919079

Deuteranopia

#97A076

Tritanopia

#BB6F6D

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCADA
300
#DFA5C0
400
#CD749E
500
#BC437C
600
#963663
700
#782B4F
800
#5E223E
900
#451C2F
950
#2C121E

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

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