#9AB6DB

#9AB6DB

Color Values

HEX

#9AB6DB

RGB

154, 182, 219

HSL

214.2, 47.4%, 73.1%

HSV

214.2, 29.7%, 85.9%

CMYK

29.7%, 16.9%, 0.0%, 14.1%

OKLCH

0.7682 0.0615 255.5

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#9AB6DB

#DBBF9A

Analogous

#9AD6DB

#9E9ADB

#9AB6DB

Triadic

#9AB6DB

#DB9AB6

#B6DB9A

Split Complementary

#9AB6DB

#DB9E9A

#D6DB9A

Tetradic

#9AB6DB

#DB9AD6

#DBBF9A

#9ADB9E

Color Blindness Simulation

Original

#9AB6DB

Protanopia

#A6A6D2

Deuteranopia

#A4A2D0

Tritanopia

#9BCBC9

Achromatopsia

#B3B3B3

CSS Usage

background-color: #9AB6DB;
color: #9AB6DB;
border-color: #9AB6DB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CAD9EC
300
#A5BEDF
400
#749ACD
500
#4377BC
600
#365F96
700
#2B4C78
800
#223C5E
900
#1C2E45
950
#121D2C

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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