#8389F0

#8389F0

Color Values

HEX

#8389F0

RGB

131, 137, 240

HSL

236.7, 78.4%, 72.7%

HSV

236.7, 45.4%, 94.1%

CMYK

45.4%, 42.9%, 0.0%, 5.9%

OKLCH

0.6712 0.1509 279.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#8389F0

#F0EA83

Analogous

#83BFF0

#B383F0

#8389F0

Triadic

#8389F0

#F08389

#89F083

Split Complementary

#8389F0

#F0B383

#BFF083

Tetradic

#8389F0

#F083BF

#F0EA83

#83F0B3

Color Blindness Simulation

Original

#8389F0

Protanopia

#8686D7

Deuteranopia

#8585D1

Tritanopia

#83C3BF

Achromatopsia

#8F8F8F

CSS Usage

background-color: #8389F0;
color: #8389F0;
border-color: #8389F0;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F3FC
100
#E1E3F9
200
#BFC2F7
300
#9297F2
400
#575FEB
500
#1C27E3
600
#161FB6
700
#121992
800
#0E1372
900
#0E1253
950
#090B34

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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