#C860CC

#C860CC

Color Values

HEX

#C860CC

RGB

200, 96, 204

HSL

297.8, 51.4%, 58.8%

HSV

297.8, 52.9%, 80.0%

CMYK

2.0%, 52.9%, 0.0%, 20.0%

OKLCH

0.6535 0.1867 326.0

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#C860CC

#64CC60

Analogous

#9260CC

#CC609A

#C860CC

Triadic

#C860CC

#CCC860

#60CCC8

Split Complementary

#C860CC

#9ACC60

#60CC92

Tetradic

#C860CC

#CC9260

#64CC60

#609ACC

Color Blindness Simulation

Original

#C860CC

Protanopia

#9B9AB2

Deuteranopia

#A1A9AC

Tritanopia

#C39D99

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#ECC9EE
300
#DFA2E1
400
#CE70D1
500
#BC3EC1
600
#97329A
700
#78287C
800
#5E1F61
900
#451A47
950
#2C102D

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

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