#C86DCE

#C86DCE

Color Values

HEX

#C86DCE

RGB

200, 109, 206

HSL

296.3, 49.7%, 61.8%

HSV

296.3, 47.1%, 80.8%

CMYK

2.9%, 47.1%, 0.0%, 19.2%

OKLCH

0.6724 0.1678 324.9

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#C86DCE

#73CE6D

Analogous

#986DCE

#CE6DA4

#C86DCE

Triadic

#C86DCE

#CEC86D

#6DCEC8

Split Complementary

#C86DCE

#A4CE6D

#6DCE98

Tetradic

#C86DCE

#CE986D

#73CE6D

#6DA4CE

Color Blindness Simulation

Original

#C86DCE

Protanopia

#A1A0B7

Deuteranopia

#A6ADB1

Tritanopia

#C3A4A0

Achromatopsia

#878787

CSS Usage

background-color: #C86DCE;
color: #C86DCE;
border-color: #C86DCE;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#EBCAED
300
#DCA3E0
400
#CA72D0
500
#B740BF
600
#923399
700
#75297A
800
#5C205F
900
#431B46
950
#2B112C

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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