#8B4FCC

#8B4FCC

Color Values

HEX

#8B4FCC

RGB

139, 79, 204

HSL

268.8, 55.1%, 55.5%

HSV

268.8, 61.3%, 80.0%

CMYK

31.9%, 61.3%, 0.0%, 20.0%

OKLCH

0.5577 0.1876 302.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8B4FCC

#90CC4F

Analogous

#4F52CC

#CA4FCC

#8B4FCC

Triadic

#8B4FCC

#CC8B4F

#4FCC8B

Split Complementary

#8B4FCC

#CCCA4F

#52CC4F

Tetradic

#8B4FCC

#CC4F52

#90CC4F

#4FCCCA

Color Blindness Simulation

Original

#8B4FCC

Protanopia

#7170AE

Deuteranopia

#7479A6

Tritanopia

#889691

Achromatopsia

#656565

CSS Usage

background-color: #8B4FCC;
color: #8B4FCC;
border-color: #8B4FCC;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE5F6
200
#DBC8EF
300
#C0A0E4
400
#9F6DD5
500
#7D39C6
600
#642E9E
700
#50257F
800
#3E1D63
900
#2F1848
950
#1E0F2E

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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