#C86289

#C86289

Color Values

HEX

#C86289

RGB

200, 98, 137

HSL

337.1, 48.1%, 58.4%

HSV

337.1, 51.0%, 78.4%

CMYK

0.0%, 51.0%, 31.5%, 21.6%

OKLCH

0.6288 0.1361 357.6

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#C86289

#62C8A1

Analogous

#C862BC

#C86E62

#C86289

Triadic

#C86289

#89C862

#6289C8

Split Complementary

#C86289

#62C86E

#62BCC8

Tetradic

#C86289

#BCC862

#62C8A1

#6E62C8

Color Blindness Simulation

Original

#C86289

Protanopia

#9C9B80

Deuteranopia

#A2A97D

Tritanopia

#C37876

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EB
200
#ECCAD7
300
#DFA4BB
400
#CE7396
500
#BD4271
600
#97355A
700
#792A48
800
#5E2138
900
#451B2B
950
#2C111B

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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