#C156EC

#C156EC

Color Values

HEX

#C156EC

RGB

193, 86, 236

HSL

282.8, 79.8%, 63.1%

HSV

282.8, 63.6%, 92.5%

CMYK

18.2%, 63.6%, 0.0%, 7.5%

OKLCH

0.6501 0.2277 314.8

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#C156EC

#81EC56

Analogous

#7656EC

#EC56CC

#C156EC

Triadic

#C156EC

#ECC156

#56ECC1

Split Complementary

#C156EC

#CCEC56

#56EC76

Tetradic

#C156EC

#EC7656

#81EC56

#56CCEC

Color Blindness Simulation

Original

#C156EC

Protanopia

#9392C8

Deuteranopia

#99A1BF

Tritanopia

#BCABA5

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FAF2FD
100
#F2E1F9
200
#E7BFF8
300
#D791F3
400
#C155EC
500
#AB1AE5
600
#8915B7
700
#6D1093
800
#550D73
900
#3F0E53
950
#280935

Contrast Checker

Text on white

3.61:1

AA Fail AAA Fail

Text on black

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