#989BF8

#989BF8

Color Values

HEX

#989BF8

RGB

152, 155, 248

HSL

238.1, 87.3%, 78.4%

HSV

238.1, 38.7%, 97.3%

CMYK

38.7%, 37.5%, 0.0%, 2.7%

OKLCH

0.7252 0.134 281.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#989BF8

#F8F598

Analogous

#98CBF8

#C598F8

#989BF8

Triadic

#989BF8

#F8989B

#9BF898

Split Complementary

#989BF8

#F8C598

#CBF898

Tetradic

#989BF8

#F898CB

#F8F598

#98F8C5

Color Blindness Simulation

Original

#989BF8

Protanopia

#9999E2

Deuteranopia

#9999DC

Tritanopia

#98D0CC

Achromatopsia

#A1A1A1

CSS Usage

background-color: #989BF8;
color: #989BF8;
border-color: #989BF8;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BCBEFA
300
#8C90F7
400
#4E53F3
500
#1017EF
600
#0D13BF
700
#0A0F99
800
#080C77
900
#0A0D57
950
#070837

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

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