#ADBFDB

#ADBFDB

Color Values

HEX

#ADBFDB

RGB

173, 191, 219

HSL

216.5, 39.0%, 76.9%

HSV

216.5, 21.0%, 85.9%

CMYK

21.0%, 12.8%, 0.0%, 14.1%

OKLCH

0.8001 0.0445 259.2

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#ADBFDB

#DBC9AD

Analogous

#ADD6DB

#B2ADDB

#ADBFDB

Triadic

#ADBFDB

#DBADBF

#BFDBAD

Split Complementary

#ADBFDB

#DBB2AD

#D6DBAD

Tetradic

#ADBFDB

#DBADD6

#DBC9AD

#ADDBB2

Color Blindness Simulation

Original

#ADBFDB

Protanopia

#B5B5D4

Deuteranopia

#B4B2D3

Tritanopia

#AECFCE

Achromatopsia

#BDBDBD

CSS Usage

background-color: #ADBFDB;
color: #ADBFDB;
border-color: #ADBFDB;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CDD8E9
300
#AABDDA
400
#7C99C5
500
#4E75B1
600
#3E5D8E
700
#324B71
800
#273A59
900
#1F2D41
950
#141C29

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026