#C856EC

#C856EC

Color Values

HEX

#C856EC

RGB

200, 86, 236

HSL

285.6, 79.8%, 63.1%

HSV

285.6, 63.6%, 92.5%

CMYK

15.3%, 63.6%, 0.0%, 7.5%

OKLCH

0.6588 0.2304 317.1

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#C856EC

#7AEC56

Analogous

#7D56EC

#EC56C5

#C856EC

Triadic

#C856EC

#ECC856

#56ECC8

Split Complementary

#C856EC

#C5EC56

#56EC7D

Tetradic

#C856EC

#EC7D56

#7AEC56

#56C5EC

Color Blindness Simulation

Original

#C856EC

Protanopia

#9796C8

Deuteranopia

#9DA6BF

Tritanopia

#C2ABA5

Achromatopsia

#797979

CSS Usage

background-color: #C856EC;
color: #C856EC;
border-color: #C856EC;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FAF2FD
100
#F3E1F9
200
#EABFF8
300
#DB91F3
400
#C855EC
500
#B41AE5
600
#9015B7
700
#731093
800
#5A0D73
900
#430E53
950
#2A0935

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