#C86BA2

#C86BA2

Color Values

HEX

#C86BA2

RGB

200, 107, 162

HSL

324,5, 45,8%, 60,2%

HSV

324,5, 46,5%, 78,4%

CMYK

0,0%, 46,5%, 19,0%, 21,6%

OKLCH

0,6508 0,1347 345,1

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C86BA2

#6BC891

Analogous

#BF6BC8

#C86B74

#C86BA2

Triadic

#C86BA2

#A2C86B

#6BA2C8

Split Complementary

#C86BA2

#74C86B

#6BC8BF

Tetradic

#C86BA2

#C8BF6B

#6BC891

#6B74C8

Color Blindness Simulation

Original

#C86BA2

Protanopia

#A09F95

Deuteranopia

#A5AC92

Tritanopia

#C38A88

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDE
300
#DEA6C7
400
#CC75A9
500
#BA458A
600
#95376F
700
#772C58
800
#5D2345
900
#441C34
950
#2B1221

Contrast Checker

Text on white

3,45:1

AA Fail AAA Fail

Text on black

6,08: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