#9AB5DC

#9AB5DC

Color Values

HEX

#9AB5DC

RGB

154, 181, 220

HSL

215.5, 48.5%, 73.3%

HSV

215.5, 30.0%, 86.3%

CMYK

30.0%, 17.7%, 0.0%, 13.7%

OKLCH

0.7665 0.0636 257.5

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#9AB5DC

#DCC19A

Analogous

#9AD6DC

#A09ADC

#9AB5DC

Triadic

#9AB5DC

#DC9AB5

#B5DC9A

Split Complementary

#9AB5DC

#DCA09A

#D6DC9A

Tetradic

#9AB5DC

#DC9AD6

#DCC19A

#9ADCA0

Color Blindness Simulation

Original

#9AB5DC

Protanopia

#A6A6D3

Deuteranopia

#A4A2D0

Tritanopia

#9BCBC9

Achromatopsia

#B2B2B2

CSS Usage

background-color: #9AB5DC;
color: #9AB5DC;
border-color: #9AB5DC;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FB
100
#E6ECF5
200
#CAD8ED
300
#A4BCDF
400
#7398CE
500
#4274BD
600
#355D97
700
#2A4A79
800
#213A5F
900
#1B2D46
950
#111C2C

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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