#9099AE

#9099AE

Color Values

HEX

#9099AE

RGB

144, 153, 174

HSL

222.0, 15.6%, 62.4%

HSV

222.0, 17.2%, 68.2%

CMYK

17.2%, 12.1%, 0.0%, 31.8%

OKLCH

0.6827 0.0326 267.1

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#9099AE

#AEA590

Analogous

#90A8AE

#9690AE

#9099AE

Triadic

#9099AE

#AE9099

#99AE90

Split Complementary

#9099AE

#AE9690

#A8AE90

Tetradic

#9099AE

#AE90A8

#AEA590

#90AE96

Color Blindness Simulation

Original

#9099AE

Protanopia

#9494A9

Deuteranopia

#9393A8

Tritanopia

#90A5A4

Achromatopsia

#999999

CSS Usage

background-color: #9099AE;
color: #9099AE;
border-color: #9099AE;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D6D9E1
300
#B8BECB
400
#929BAF
500
#6C7893
600
#566076
700
#454D5E
800
#363C4A
900
#2A2E37
950
#1A1D23

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

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