#989ECC

#989ECC

Color Values

HEX

#989ECC

RGB

152, 158, 204

HSL

233.1, 33.8%, 69.8%

HSV

233.1, 25.5%, 80.0%

CMYK

25.5%, 22.5%, 0.0%, 20.0%

OKLCH

0.7109 0.0674 278.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#989ECC

#CCC698

Analogous

#98B8CC

#AC98CC

#989ECC

Triadic

#989ECC

#CC989E

#9ECC98

Split Complementary

#989ECC

#CCAC98

#B8CC98

Tetradic

#989ECC

#CC98B8

#CCC698

#98CCAC

Color Blindness Simulation

Original

#989ECC

Protanopia

#9B9BC1

Deuteranopia

#9A9ABE

Tritanopia

#98B8B6

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8E9F2
200
#CFD2E7
300
#ADB2D6
400
#8188C1
500
#545EAB
600
#444B88
700
#363C6D
800
#2A2F55
900
#22253F
950
#151728

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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