#989EF7

#989EF7

Color Values

HEX

#989EF7

RGB

152, 158, 247

HSL

236.2, 85.6%, 78.2%

HSV

236.2, 38.5%, 96.9%

CMYK

38.5%, 36.0%, 0.0%, 3.1%

OKLCH

0.7305 0.1285 279.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#989EF7

#F7F198

Analogous

#98CDF7

#C198F7

#989EF7

Triadic

#989EF7

#F7989E

#9EF798

Split Complementary

#989EF7

#F7C198

#CDF798

Tetradic

#989EF7

#F798CD

#F7F198

#98F7C1

Color Blindness Simulation

Original

#989EF7

Protanopia

#9B9BE1

Deuteranopia

#9A9ADC

Tritanopia

#98D0CD

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E2FA
200
#BDC1FA
300
#8D94F6
400
#505AF1
500
#1220ED
600
#0F1ABD
700
#0C1597
800
#091076
900
#0B1056
950
#070A36

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

8.57:1

AA Pass AAA Pass

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026