#8582EE

#8582EE

Color Values

HEX

#8582EE

RGB

133, 130, 238

HSL

241.7, 76.1%, 72.2%

HSV

241.7, 45.4%, 93.3%

CMYK

44.1%, 45.4%, 0.0%, 6.7%

OKLCH

0.6583 0.1573 282.4

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#8582EE

#EBEE82

Analogous

#82B5EE

#BB82EE

#8582EE

Triadic

#8582EE

#EE8582

#82EE85

Split Complementary

#8582EE

#EEBB82

#B5EE82

Tetradic

#8582EE

#EE82B5

#EBEE82

#82EEBB

Color Blindness Simulation

Original

#8582EE

Protanopia

#8484D4

Deuteranopia

#8484CE

Tritanopia

#85BFBB

Achromatopsia

#8A8A8A

CSS Usage

background-color: #8582EE;
color: #8582EE;
border-color: #8582EE;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F2FC
100
#E2E2F9
200
#C2C0F6
300
#9693F0
400
#5D59E8
500
#241EE1
600
#1D18B4
700
#171490
800
#120F70
900
#110F52
950
#0B0A34

Contrast Checker

Text on white

3.27:1

AA Fail AAA Fail

Text on black

6.42:1

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