#989EDF

#989EDF

Color Values

HEX

#989EDF

RGB

152, 158, 223

HSL

234.9, 52.6%, 73.5%

HSV

234.9, 31.8%, 87.5%

CMYK

31.8%, 29.1%, 0.0%, 12.5%

OKLCH

0.7191 0.0947 279.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#989EDF

#DFD998

Analogous

#98C1DF

#B598DF

#989EDF

Triadic

#989EDF

#DF989E

#9EDF98

Split Complementary

#989EDF

#DFB598

#C1DF98

Tetradic

#989EDF

#DF98C1

#DFD998

#98DFB5

Color Blindness Simulation

Original

#989EDF

Protanopia

#9B9BCF

Deuteranopia

#9A9ACC

Tritanopia

#98C3C0

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E5E7F5
200
#C9CCEE
300
#A2A7E2
400
#6F77D2
500
#3C48C3
600
#30399C
700
#272E7D
800
#1E2461
900
#1A1D47
950
#10132D

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

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