#90ACF4

#90ACF4

Color Values

HEX

#90ACF4

RGB

144, 172, 244

HSL

223.2, 82.0%, 76.1%

HSV

223.2, 41.0%, 95.7%

CMYK

41.0%, 29.5%, 0.0%, 4.3%

OKLCH

0.7514 0.1089 267.5

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#90ACF4

#F4D890

Analogous

#90DEF4

#A690F4

#90ACF4

Triadic

#90ACF4

#F490AC

#ACF490

Split Complementary

#90ACF4

#F4A690

#DEF490

Tetradic

#90ACF4

#F490DE

#F4D890

#90F4A6

Color Blindness Simulation

Original

#90ACF4

Protanopia

#9C9CE3

Deuteranopia

#9A98DE

Tritanopia

#91D5D2

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F2F5FD
100
#E1E8FA
200
#BECEF9
300
#90ACF4
400
#537FEE
500
#1751E8
600
#1241BA
700
#0F3495
800
#0B2974
900
#0D2154
950
#081535

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

9.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026