#820CF3

#820CF3

Color Values

HEX

#820CF3

RGB

130, 12, 243

HSL

270.6, 90.6%, 50.0%

HSV

270.6, 95.1%, 95.3%

CMYK

46.5%, 95.1%, 0.0%, 4.7%

OKLCH

0.5238 0.2803 296.5

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#820CF3

#7DF30C

Analogous

#0E0CF3

#F30CF1

#820CF3

Triadic

#820CF3

#F3820C

#0CF382

Split Complementary

#820CF3

#F1F30C

#0CF30E

Tetradic

#820CF3

#F30E0C

#7DF30C

#0CF1F3

Color Blindness Simulation

Original

#820CF3

Protanopia

#4F4EBB

Deuteranopia

#565FAE

Tritanopia

#7C8F85

Achromatopsia

#363636

CSS Usage

background-color: #820CF3;
color: #820CF3;
border-color: #820CF3;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DCBBFC
300
#C38AF9
400
#A24BF6
500
#820CF3
600
#680AC2
700
#53089C
800
#41067A
900
#310958
950
#1F0638

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

3.3:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026