#8C56EC

#8C56EC

Color Values

HEX

#8C56EC

RGB

140, 86, 236

HSL

261.6, 79.8%, 63.1%

HSV

261.6, 63.6%, 92.5%

CMYK

40.7%, 63.6%, 0.0%, 7.5%

OKLCH

0.5909 0.215 295.6

Properties

Cool Light Nearest: Purple Heart

Color Harmonies

Complementary

#8C56EC

#B6EC56

Analogous

#566BEC

#D756EC

#8C56EC

Triadic

#8C56EC

#EC8C56

#56EC8C

Split Complementary

#8C56EC

#ECD756

#6BEC56

Tetradic

#8C56EC

#EC566B

#B6EC56

#56ECD7

Color Blindness Simulation

Original

#8C56EC

Protanopia

#7574C8

Deuteranopia

#787CBF

Tritanopia

#89ABA5

Achromatopsia

#6C6C6C

CSS Usage

background-color: #8C56EC;
color: #8C56EC;
border-color: #8C56EC;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F6F2FD
100
#EAE1F9
200
#D3BFF8
300
#B491F3
400
#8C55EC
500
#631AE5
600
#4F15B7
700
#3F1093
800
#320D73
900
#270E53
950
#180935

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

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