#90AFB8

#90AFB8

Color Values

HEX

#90AFB8

RGB

144, 175, 184

HSL

193.5, 22.0%, 64.3%

HSV

193.5, 21.7%, 72.2%

CMYK

21.7%, 4.9%, 0.0%, 27.8%

OKLCH

0.7338 0.0363 217.3

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#90AFB8

#B89990

Analogous

#90B8AD

#909BB8

#90AFB8

Triadic

#90AFB8

#B890AF

#AFB890

Split Complementary

#90AFB8

#B8909B

#B8AD90

Tetradic

#90AFB8

#AD90B8

#B89990

#9BB890

Color Blindness Simulation

Original

#90AFB8

Protanopia

#9D9EB6

Deuteranopia

#9C99B5

Tritanopia

#92B4B4

Achromatopsia

#A9A9A9

CSS Usage

background-color: #90AFB8;
color: #90AFB8;
border-color: #90AFB8;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D3E0E3
300
#B4C9CF
400
#8CACB5
500
#638F9C
600
#50727C
700
#405B64
800
#32474E
900
#27363A
950
#192225

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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