#C856C2

#C856C2

Color Values

HEX

#C856C2

RGB

200, 86, 194

HSL

303.2, 50.9%, 56.1%

HSV

303.2, 57.0%, 78.4%

CMYK

0.0%, 57.0%, 3.0%, 21.6%

OKLCH

0.636 0.1932 329.6

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C856C2

#56C85C

Analogous

#9556C8

#C85689

#C856C2

Triadic

#C856C2

#C2C856

#56C2C8

Split Complementary

#C856C2

#89C856

#56C895

Tetradic

#C856C2

#C89556

#56C85C

#5689C8

Color Blindness Simulation

Original

#C856C2

Protanopia

#9796A8

Deuteranopia

#9DA6A2

Tritanopia

#C2938F

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EDC9EC
300
#E1A3DE
400
#D171CC
500
#C03FB9
600
#9A3294
700
#7B2877
800
#601F5D
900
#471A44
950
#2D112B

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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