#C06087

#C06087

Color Values

HEX

#C06087

RGB

192, 96, 135

HSL

335.6, 43.2%, 56.5%

HSV

335.6, 50.0%, 75.3%

CMYK

0.0%, 50.0%, 29.7%, 24.7%

OKLCH

0.6143 0.1301 356.0

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#C06087

#60C099

Analogous

#C060B7

#C06960

#C06087

Triadic

#C06087

#87C060

#6087C0

Split Complementary

#C06087

#60C069

#60B7C0

Tetradic

#C06087

#B7C060

#60C099

#6960C0

Color Blindness Simulation

Original

#C06087

Protanopia

#96967E

Deuteranopia

#9CA37B

Tritanopia

#BB7674

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F4E7EC
200
#EBCCD8
300
#DCA7BD
400
#C97899
500
#B74875
600
#923A5E
700
#752E4B
800
#5B243B
900
#431E2D
950
#2A131C

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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