#90AFC5

#90AFC5

Color Values

HEX

#90AFC5

RGB

144, 175, 197

HSL

204.9, 31.4%, 66.9%

HSV

204.9, 26.9%, 77.3%

CMYK

26.9%, 11.2%, 0.0%, 22.7%

OKLCH

0.7383 0.0466 239.2

Properties

Cool Light Nearest: lightskyblue 3

Color Harmonies

Complementary

#90AFC5

#C5A690

Analogous

#90C5C1

#9095C5

#90AFC5

Triadic

#90AFC5

#C590AF

#AFC590

Split Complementary

#90AFC5

#C59095

#C5C190

Tetradic

#90AFC5

#C190C5

#C5A690

#95C590

Color Blindness Simulation

Original

#90AFC5

Protanopia

#9D9EC0

Deuteranopia

#9C99BE

Tritanopia

#92BBBB

Achromatopsia

#AAAAAA

CSS Usage

background-color: #90AFC5;
color: #90AFC5;
border-color: #90AFC5;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DDE7
300
#AFC5D5
400
#83A6BE
500
#5786A8
600
#466B86
700
#38566B
800
#2C4354
900
#23333E
950
#162027

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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