#90B6F7

#90B6F7

Color Values

HEX

#90B6F7

RGB

144, 182, 247

HSL

217.9, 86.6%, 76.7%

HSV

217.9, 41.7%, 96.9%

CMYK

41.7%, 26.3%, 0.0%, 3.1%

OKLCH

0.7734 0.1024 260.9

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#90B6F7

#F7D190

Analogous

#90E9F7

#9E90F7

#90B6F7

Triadic

#90B6F7

#F790B6

#B6F790

Split Complementary

#90B6F7

#F79E90

#E9F790

Tetradic

#90B6F7

#F790E9

#F7D190

#90F79E

Color Blindness Simulation

Original

#90B6F7

Protanopia

#A0A1E7

Deuteranopia

#9E9BE3

Tritanopia

#92DBD8

Achromatopsia

#B3B3B3

CSS Usage

background-color: #90B6F7;
color: #90B6F7;
border-color: #90B6F7;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BCD3FA
300
#8DB4F7
400
#4F8BF2
500
#1162EE
600
#0E4FBE
700
#0B3F98
800
#093177
900
#0B2756
950
#071836

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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