#8263DA

#8263DA

Color Values

HEX

#8263DA

RGB

130, 99, 218

HSL

255,6, 61,7%, 62,2%

HSV

255,6, 54,6%, 85,5%

CMYK

40,4%, 54,6%, 0,0%, 14,5%

OKLCH

0,5887 0,1748 292,2

Properties

Cool Light Nearest: slateblue

Color Harmonies

Complementary

#8263DA

#BBDA63

Analogous

#6380DA

#BE63DA

#8263DA

Triadic

#8263DA

#DA8263

#63DA82

Split Complementary

#8263DA

#DABE63

#80DA63

Tetradic

#8263DA

#DA6380

#BBDA63

#63DABE

Color Blindness Simulation

Original

#8263DA

Protanopia

#7574BD

Deuteranopia

#7679B6

Tritanopia

#80A6A1

Achromatopsia

#727272

CSS Usage

background-color: #8263DA;
color: #8263DA;
border-color: #8263DA;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F3FB
100
#E9E4F7
200
#D1C5F1
300
#B09CE8
400
#8566DB
500
#5A31CE
600
#4827A5
700
#391F84
800
#2D1867
900
#24164B
950
#160E30

Contrast Checker

Text on white

4,42:1

AA Fail AAA Fail

Text on black

4,75:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026