#90BEF9

#90BEF9

Color Values

HEX

#90BEF9

RGB

144, 190, 249

HSL

213.7, 89.7%, 77.1%

HSV

213.7, 42.2%, 97.6%

CMYK

42.2%, 23.7%, 0.0%, 2.4%

OKLCH

0.7909 0.0978 255.0

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#90BEF9

#F9CB90

Analogous

#90F3F9

#9790F9

#90BEF9

Triadic

#90BEF9

#F990BE

#BEF990

Split Complementary

#90BEF9

#F99790

#F3F990

Tetradic

#90BEF9

#F990F3

#F9CB90

#90F997

Color Blindness Simulation

Original

#90BEF9

Protanopia

#A4A4EB

Deuteranopia

#A19EE7

Tritanopia

#92DFDD

Achromatopsia

#B8B8B8

CSS Usage

background-color: #90BEF9;
color: #90BEF9;
border-color: #90BEF9;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F7FD
100
#E0EBFB
200
#BBD7FB
300
#8BBBF9
400
#4C96F5
500
#0D71F2
600
#0B5BC1
700
#08499B
800
#073979
900
#092C58
950
#061C37

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

10.92:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026