#989BEC

#989BEC

Color Values

HEX

#989BEC

RGB

152, 155, 236

HSL

237.9, 68.9%, 76.1%

HSV

237.9, 35.6%, 92.5%

CMYK

35.6%, 34.3%, 0.0%, 7.5%

OKLCH

0.7193 0.1172 281.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#989BEC

#ECE998

Analogous

#98C5EC

#BF98EC

#989BEC

Triadic

#989BEC

#EC989B

#9BEC98

Split Complementary

#989BEC

#ECBF98

#C5EC98

Tetradic

#989BEC

#EC98C5

#ECE998

#98ECBF

Color Blindness Simulation

Original

#989BEC

Protanopia

#9999D8

Deuteranopia

#9999D4

Tritanopia

#98C9C6

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F8
200
#C3C4F4
300
#989BEC
400
#6064E2
500
#282ED7
600
#2025AC
700
#191D8A
800
#14176C
900
#12154E
950
#0C0D32

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

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