#8583F3

#8583F3

Color Values

HEX

#8583F3

RGB

133, 131, 243

HSL

241.1, 82.4%, 73.3%

HSV

241.1, 46.1%, 95.3%

CMYK

45.3%, 46.1%, 0.0%, 4.7%

OKLCH

0.6631 0.1628 281.8

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8583F3

#F1F383

Analogous

#83B9F3

#BD83F3

#8583F3

Triadic

#8583F3

#F38583

#83F385

Split Complementary

#8583F3

#F3BD83

#B9F383

Tetradic

#8583F3

#F383B9

#F1F383

#83F3BD

Color Blindness Simulation

Original

#8583F3

Protanopia

#8484D8

Deuteranopia

#8484D1

Tritanopia

#85C2BE

Achromatopsia

#8C8C8C

CSS Usage

background-color: #8583F3;
color: #8583F3;
border-color: #8583F3;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BFBEF9
300
#918FF4
400
#5653EE
500
#1A16E9
600
#1512BA
700
#110E95
800
#0D0B74
900
#0E0D54
950
#090835

Contrast Checker

Text on white

3.21:1

AA Fail AAA Fail

Text on black

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