#989BEE

#989BEE

Color Values

HEX

#989BEE

RGB

152, 155, 238

HSL

237.9, 71.7%, 76.5%

HSV

237.9, 36.1%, 93.3%

CMYK

36.1%, 34.9%, 0.0%, 6.7%

OKLCH

0.7202 0.12 281.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#989BEE

#EEEB98

Analogous

#98C6EE

#C098EE

#989BEE

Triadic

#989BEE

#EE989B

#9BEE98

Split Complementary

#989BEE

#EEC098

#C6EE98

Tetradic

#989BEE

#EE98C6

#EEEB98

#98EEC0

Color Blindness Simulation

Original

#989BEE

Protanopia

#9999DA

Deuteranopia

#9999D5

Tritanopia

#98CAC7

Achromatopsia

#A0A0A0

CSS Usage

background-color: #989BEE;
color: #989BEE;
border-color: #989BEE;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F3F3FC
100
#E2E3F8
200
#C2C3F5
300
#9699EE
400
#5D62E4
500
#242ADB
600
#1D22AF
700
#171B8C
800
#12156D
900
#111350
950
#0B0C32

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

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