#8219F0

#8219F0

Color Values

HEX

#8219F0

RGB

130, 25, 240

HSL

269.3, 87.8%, 52.0%

HSV

269.3, 89.6%, 94.1%

CMYK

45.8%, 89.6%, 0.0%, 5.9%

OKLCH

0.5258 0.2731 296.7

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#8219F0

#87F019

Analogous

#191CF0

#EE19F0

#8219F0

Triadic

#8219F0

#F08219

#19F082

Split Complementary

#8219F0

#F0EE19

#1CF019

Tetradic

#8219F0

#F0191C

#87F019

#19F0EE

Color Blindness Simulation

Original

#8219F0

Protanopia

#5554BC

Deuteranopia

#5B62B0

Tritanopia

#7D938A

Achromatopsia

#3F3F3F

CSS Usage

background-color: #8219F0;
color: #8219F0;
border-color: #8219F0;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F7F2FD
100
#EDE0FA
200
#DBBCFB
300
#C18CF8
400
#9F4EF3
500
#7D10EF
600
#640CC0
700
#500A99
800
#3E0878
900
#300A57
950
#1E0637

Contrast Checker

Text on white

6.28:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026