#C86DA2

#C86DA2

Color Values

HEX

#C86DA2

RGB

200, 109, 162

HSL

325,1, 45,3%, 60,6%

HSV

325,1, 45,5%, 78,4%

CMYK

0,0%, 45,5%, 19,0%, 21,6%

OKLCH

0,6538 0,1313 345,4

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C86DA2

#6DC893

Analogous

#C16DC8

#C86D74

#C86DA2

Triadic

#C86DA2

#A2C86D

#6DA2C8

Split Complementary

#C86DA2

#74C86D

#6DC8C1

Tetradic

#C86DA2

#C8C16D

#6DC893

#6D74C8

Color Blindness Simulation

Original

#C86DA2

Protanopia

#A1A095

Deuteranopia

#A6AD92

Tritanopia

#C38B89

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#EBCBDE
300
#DEA6C6
400
#CB76A8
500
#B94689
600
#94386E
700
#772D58
800
#5D2344
900
#441D34
950
#2B1221

Contrast Checker

Text on white

3,41:1

AA Fail AAA Fail

Text on black

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