#C86FA2

#C86FA2

Color Values

HEX

#C86FA2

RGB

200, 111, 162

HSL

325.6, 44.7%, 61.0%

HSV

325.6, 44.5%, 78.4%

CMYK

0.0%, 44.5%, 19.0%, 21.6%

OKLCH

0.6569 0.1279 345.8

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C86FA2

#6FC895

Analogous

#C16FC8

#C86F76

#C86FA2

Triadic

#C86FA2

#A2C86F

#6FA2C8

Split Complementary

#C86FA2

#76C86F

#6FC8C1

Tetradic

#C86FA2

#C8C16F

#6FC895

#6F76C8

Color Blindness Simulation

Original

#C86FA2

Protanopia

#A1A196

Deuteranopia

#A7AD93

Tritanopia

#C48C8A

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EBCBDE
300
#DDA6C6
400
#CB76A7
500
#B84788
600
#94386D
700
#762D57
800
#5C2344
900
#441D33
950
#2B1220

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

6.25:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026