#8C3FD6

#8C3FD6

Color Values

HEX

#8C3FD6

RGB

140, 63, 214

HSL

270.6, 64.8%, 54.3%

HSV

270.6, 70.6%, 83.9%

CMYK

34.6%, 70.6%, 0.0%, 16.1%

OKLCH

0.5456 0.2193 303.0

Properties

Cool Dark Nearest: darkorchid

Color Harmonies

Complementary

#8C3FD6

#89D63F

Analogous

#403FD6

#D63FD4

#8C3FD6

Triadic

#8C3FD6

#D68C3F

#3FD68C

Split Complementary

#8C3FD6

#D4D63F

#3FD640

Tetradic

#8C3FD6

#D6403F

#89D63F

#3FD4D6

Color Blindness Simulation

Original

#8C3FD6

Protanopia

#6B6AB2

Deuteranopia

#6F75A9

Tritanopia

#88958E

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DCC4F2
300
#C39AE9
400
#A264DE
500
#812DD2
600
#6724A8
700
#531D86
800
#411669
900
#31144D
950
#1F0D30

Contrast Checker

Text on white

5.53:1

AA Pass AAA Fail

Text on black

3.8:1

AA Fail 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