#9A86EB

#9A86EB

Color Values

HEX

#9A86EB

RGB

154, 134, 235

HSL

251.9, 71.6%, 72.4%

HSV

251.9, 43.0%, 92.2%

CMYK

34.5%, 43.0%, 0.0%, 7.8%

OKLCH

0.6808 0.1462 291.1

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#9A86EB

#D7EB86

Analogous

#86A5EB

#CD86EB

#9A86EB

Triadic

#9A86EB

#EB9A86

#86EB9A

Split Complementary

#9A86EB

#EBCD86

#A5EB86

Tetradic

#9A86EB

#EB86A5

#D7EB86

#86EBCD

Color Blindness Simulation

Original

#9A86EB

Protanopia

#9191D3

Deuteranopia

#9294CD

Tritanopia

#99BFBB

Achromatopsia

#929292

CSS Usage

background-color: #9A86EB;
color: #9A86EB;
border-color: #9A86EB;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F5F3FC
100
#E7E2F8
200
#CCC2F5
300
#A796EE
400
#785DE4
500
#4824DB
600
#3A1DAF
700
#2E178C
800
#24126D
900
#1E1150
950
#130B32

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

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