#9899F4

#9899F4

Color Values

HEX

#9899F4

RGB

152, 153, 244

HSL

239.3, 80.7%, 77.6%

HSV

239.3, 37.7%, 95.7%

CMYK

37.7%, 37.3%, 0.0%, 4.3%

OKLCH

0.7194 0.1312 282.1

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9899F4

#F4F398

Analogous

#98C7F4

#C598F4

#9899F4

Triadic

#9899F4

#F49899

#99F498

Split Complementary

#9899F4

#F4C598

#C7F498

Tetradic

#9899F4

#F498C7

#F4F398

#98F4C5

Color Blindness Simulation

Original

#9899F4

Protanopia

#9898DE

Deuteranopia

#9898D9

Tritanopia

#98CDC9

Achromatopsia

#9F9F9F

CSS Usage

background-color: #9899F4;
color: #9899F4;
border-color: #9899F4;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F2F2FD
100
#E1E1F9
200
#BEBFF8
300
#9092F3
400
#5556ED
500
#191BE6
600
#1416B8
700
#101193
800
#0C0E73
900
#0D0E54
950
#080935

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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