#8300F3

#8300F3

Color Values

HEX

#8300F3

RGB

131, 0, 243

HSL

272.3, 100.0%, 47.6%

HSV

272.3, 100.0%, 95.3%

CMYK

46.1%, 100.0%, 0.0%, 4.7%

OKLCH

0.5221 0.2833 297.1

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#8300F3

#70F300

Analogous

#0900F3

#F300E9

#8300F3

Triadic

#8300F3

#F38300

#00F383

Split Complementary

#8300F3

#E9F300

#00F309

Tetradic

#8300F3

#F30900

#70F300

#00E9F3

Color Blindness Simulation

Original

#8300F3

Protanopia

#4A49B8

Deuteranopia

#525CAA

Tritanopia

#7C8A80

Achromatopsia

#2D2D2D

CSS Usage

background-color: #8300F3;
color: #8300F3;
border-color: #8300F3;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#F8F1FE
100
#EEDEFC
200
#DEB8FF
300
#C685FF
400
#A842FF
500
#8900FF
600
#6E00CC
700
#5800A3
800
#450080
900
#34055C
950
#21033A

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

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