#989CDD

#989CDD

Color Values

HEX

#989CDD

RGB

152, 156, 221

HSL

236.5, 50.4%, 73.1%

HSV

236.5, 31.2%, 86.7%

CMYK

31.2%, 29.4%, 0.0%, 13.3%

OKLCH

0.7142 0.0946 281.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#989CDD

#DDD998

Analogous

#98BEDD

#B698DD

#989CDD

Triadic

#989CDD

#DD989C

#9CDD98

Split Complementary

#989CDD

#DDB698

#BEDD98

Tetradic

#989CDD

#DD98BE

#DDD998

#98DDB6

Color Blindness Simulation

Original

#989CDD

Protanopia

#9A9ACD

Deuteranopia

#9A99CA

Tritanopia

#98C1BE

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#C9CBED
300
#A3A7E1
400
#7177D0
500
#3F47C0
600
#333999
700
#282D7B
800
#202360
900
#1A1D46
950
#11122C

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

8.13:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026