#8284FD

#8284FD

Color Values

HEX

#8284FD

RGB

130, 132, 253

HSL

239.0, 96.9%, 75.1%

HSV

239.0, 48.6%, 99.2%

CMYK

48.6%, 47.8%, 0.0%, 0.8%

OKLCH

0.6688 0.1754 279.8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8284FD

#FDFB82

Analogous

#82C2FD

#BD82FD

#8284FD

Triadic

#8284FD

#FD8284

#84FD82

Split Complementary

#8284FD

#FDBD82

#C2FD82

Tetradic

#8284FD

#FD82C2

#FDFB82

#82FDBD

Color Blindness Simulation

Original

#8284FD

Protanopia

#8383E0

Deuteranopia

#8383D9

Tritanopia

#82C9C4

Achromatopsia

#8C8C8C

CSS Usage

background-color: #8284FD;
color: #8284FD;
border-color: #8284FD;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B9BAFE
300
#8688FD
400
#4548FC
500
#0408FB
600
#0306C9
700
#0305A1
800
#02047E
900
#06085B
950
#040539

Contrast Checker

Text on white

3.15:1

AA Fail AAA Fail

Text on black

6.67:1

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