#C056EC

#C056EC

Color Values

HEX

#C056EC

RGB

192, 86, 236

HSL

282.4, 79.8%, 63.1%

HSV

282.4, 63.6%, 92.5%

CMYK

18.6%, 63.6%, 0.0%, 7.5%

OKLCH

0.6489 0.2273 314.5

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#C056EC

#82EC56

Analogous

#7556EC

#EC56CD

#C056EC

Triadic

#C056EC

#ECC056

#56ECC0

Split Complementary

#C056EC

#CDEC56

#56EC75

Tetradic

#C056EC

#EC7556

#82EC56

#56CDEC

Color Blindness Simulation

Original

#C056EC

Protanopia

#9291C8

Deuteranopia

#98A0BF

Tritanopia

#BBABA5

Achromatopsia

#777777

CSS Usage

background-color: #C056EC;
color: #C056EC;
border-color: #C056EC;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F9F2FD
100
#F2E1F9
200
#E7BFF8
300
#D691F3
400
#C055EC
500
#AA1AE5
600
#8815B7
700
#6D1093
800
#550D73
900
#3F0E53
950
#280935

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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