#989EF3

#989EF3

Color Values

HEX

#989EF3

RGB

152, 158, 243

HSL

236.0, 79.1%, 77.5%

HSV

236.0, 37.4%, 95.3%

CMYK

37.4%, 35.0%, 0.0%, 4.7%

OKLCH

0.7285 0.1229 279.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#989EF3

#F3ED98

Analogous

#98CCF3

#C098F3

#989EF3

Triadic

#989EF3

#F3989E

#9EF398

Split Complementary

#989EF3

#F3C098

#CCF398

Tetradic

#989EF3

#F398CC

#F3ED98

#98F3C0

Color Blindness Simulation

Original

#989EF3

Protanopia

#9B9BDE

Deuteranopia

#9A9ADA

Tritanopia

#98CECB

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E1E3F9
200
#BFC3F8
300
#9198F2
400
#5660EB
500
#1B28E4
600
#1520B7
700
#111A92
800
#0D1472
900
#0E1353
950
#090C34

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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