#989ECA

#989ECA

Color Values

HEX

#989ECA

RGB

152, 158, 202

HSL

232.8, 32.1%, 69.4%

HSV

232.8, 24.8%, 79.2%

CMYK

24.8%, 21.8%, 0.0%, 20.8%

OKLCH

0.7101 0.0645 278.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#989ECA

#CAC498

Analogous

#98B7CA

#AB98CA

#989ECA

Triadic

#989ECA

#CA989E

#9ECA98

Split Complementary

#989ECA

#CAAB98

#B7CA98

Tetradic

#989ECA

#CA98B7

#CAC498

#98CAAB

Color Blindness Simulation

Original

#989ECA

Protanopia

#9B9BBF

Deuteranopia

#9A9ABD

Tritanopia

#98B7B5

Achromatopsia

#A0A0A0

CSS Usage

background-color: #989ECA;
color: #989ECA;
border-color: #989ECA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F6F9
100
#E8E9F2
200
#D0D3E7
300
#AEB3D5
400
#828ABF
500
#5760A8
600
#454D87
700
#373E6C
800
#2B3054
900
#22263E
950
#161827

Contrast Checker

Text on white

2.6:1

AA Fail AAA Fail

Text on black

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