#C85C86

#C85C86

Color Values

HEX

#C85C86

RGB

200, 92, 134

HSL

336.7, 49.5%, 57.3%

HSV

336.7, 54.0%, 78.4%

CMYK

0.0%, 54.0%, 33.0%, 21.6%

OKLCH

0.6193 0.1442 357.7

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C85C86

#5CC89E

Analogous

#C85CBC

#C8685C

#C85C86

Triadic

#C85C86

#86C85C

#5C86C8

Split Complementary

#C85C86

#5CC868

#5CBCC8

Tetradic

#C85C86

#BCC85C

#5CC89E

#685CC8

Color Blindness Simulation

Original

#C85C86

Protanopia

#99987C

Deuteranopia

#A0A879

Tritanopia

#C37472

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F5E6EB
200
#EDCAD7
300
#E0A4BB
400
#CF7296
500
#BF4071
600
#98345B
700
#7A2949
800
#5F2039
900
#461B2C
950
#2C111C

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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