#9E99EB

#9E99EB

Color Values

HEX

#9E99EB

RGB

158, 153, 235

HSL

243.7, 67.2%, 76.1%

HSV

243.7, 34.9%, 92.2%

CMYK

32.8%, 34.9%, 0.0%, 7.8%

OKLCH

0.7195 0.118 285.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9E99EB

#E6EB99

Analogous

#99BDEB

#C799EB

#9E99EB

Triadic

#9E99EB

#EB9E99

#99EB9E

Split Complementary

#9E99EB

#EBC799

#BDEB99

Tetradic

#9E99EB

#EB99BD

#E6EB99

#99EBC7

Color Blindness Simulation

Original

#9E99EB

Protanopia

#9C9CD7

Deuteranopia

#9C9CD2

Tritanopia

#9EC7C4

Achromatopsia

#A0A0A0

CSS Usage

background-color: #9E99EB;
color: #9E99EB;
border-color: #9E99EB;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F3FC
100
#E4E3F7
200
#C6C3F3
300
#9E99EB
400
#6961E0
500
#342AD5
600
#2A21AB
700
#221B88
800
#1A156B
900
#17134E
950
#0E0C31

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026