#9B8EF1

#9B8EF1

Color Values

HEX

#9B8EF1

RGB

155, 142, 241

HSL

247,9, 78,0%, 75,1%

HSV

247,9, 41,1%, 94,5%

CMYK

35,7%, 41,1%, 0,0%, 5,5%

OKLCH

0,6995 0,1425 288,2

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#9B8EF1

#E4F18E

Analogous

#8EB2F1

#CD8EF1

#9B8EF1

Triadic

#9B8EF1

#F19B8E

#8EF19B

Split Complementary

#9B8EF1

#F1CD8E

#B2F18E

Tetradic

#9B8EF1

#F18EB2

#E4F18E

#8EF1CD

Color Blindness Simulation

Original

#9B8EF1

Protanopia

#9595D9

Deuteranopia

#9697D3

Tritanopia

#9AC6C2

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F4F2FC
100
#E4E1F9
200
#C7BFF7
300
#9F92F2
400
#6A57EA
500
#361CE3
600
#2B16B6
700
#231291
800
#1B0E71
900
#170E52
950
#0F0934

Contrast Checker

Text on white

2,79:1

AA Fail AAA Fail

Text on black

7,53: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