#8B8DF6

#8B8DF6

Color Values

HEX

#8B8DF6

RGB

139, 141, 246

HSL

238.9, 85.6%, 75.5%

HSV

238.9, 43.5%, 96.5%

CMYK

43.5%, 42.7%, 0.0%, 3.5%

OKLCH

0.688 0.1523 280.8

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#8B8DF6

#F6F48B

Analogous

#8BC2F6

#BF8BF6

#8B8DF6

Triadic

#8B8DF6

#F68B8D

#8DF68B

Split Complementary

#8B8DF6

#F6BF8B

#C2F68B

Tetradic

#8B8DF6

#F68BC2

#F6F48B

#8BF6BF

Color Blindness Simulation

Original

#8B8DF6

Protanopia

#8C8CDD

Deuteranopia

#8C8CD6

Tritanopia

#8BC9C4

Achromatopsia

#949494

CSS Usage

background-color: #8B8DF6;
color: #8B8DF6;
border-color: #8B8DF6;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BDBEFA
300
#8D8FF6
400
#5053F1
500
#1216ED
600
#0F12BD
700
#0C0E97
800
#090B76
900
#0B0C56
950
#070836

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

7.24:1

AA Pass AAA Pass

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