#8387F8

#8387F8

Color Values

HEX

#8387F8

RGB

131, 135, 248

HSL

237.9, 89.3%, 74.3%

HSV

237.9, 47.2%, 97.3%

CMYK

47.2%, 45.6%, 0.0%, 2.7%

OKLCH

0.6721 0.1645 279.5

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#8387F8

#F8F483

Analogous

#83C2F8

#B983F8

#8387F8

Triadic

#8387F8

#F88387

#87F883

Split Complementary

#8387F8

#F8B983

#C2F883

Tetradic

#8387F8

#F883C2

#F8F483

#83F8B9

Color Blindness Simulation

Original

#8387F8

Protanopia

#8585DD

Deuteranopia

#8484D6

Tritanopia

#83C7C2

Achromatopsia

#8E8E8E

CSS Usage

background-color: #8387F8;
color: #8387F8;
border-color: #8387F8;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E0E1FB
200
#BBBEFB
300
#8B8FF8
400
#4C52F5
500
#0E16F1
600
#0B11C1
700
#090E9A
800
#070B79
900
#0A0C57
950
#060837

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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