#9A8CEF

#9A8CEF

Color Values

HEX

#9A8CEF

RGB

154, 140, 239

HSL

248.5, 75.6%, 74.3%

HSV

248.5, 41.4%, 93.7%

CMYK

35.6%, 41.4%, 0.0%, 6.3%

OKLCH

0.6939 0.1427 288.6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#9A8CEF

#E1EF8C

Analogous

#8CAFEF

#CC8CEF

#9A8CEF

Triadic

#9A8CEF

#EF9A8C

#8CEF9A

Split Complementary

#9A8CEF

#EFCC8C

#AFEF8C

Tetradic

#9A8CEF

#EF8CAF

#E1EF8C

#8CEFCC

Color Blindness Simulation

Original

#9A8CEF

Protanopia

#9494D7

Deuteranopia

#9596D1

Tritanopia

#99C4C0

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F4F2FC
100
#E5E2F9
200
#C8C0F6
300
#A194F0
400
#6E59E8
500
#3A1FE0
600
#2F19B3
700
#25148F
800
#1D1070
900
#190F51
950
#100A33

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

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