#ADBFE0

#ADBFE0

Color Values

HEX

#ADBFE0

RGB

173, 191, 224

HSL

218,8, 45,1%, 77,8%

HSV

218,8, 22,8%, 87,8%

CMYK

22,8%, 14,7%, 0,0%, 12,2%

OKLCH

0,8019 0,0509 262,6

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#ADBFE0

#E0CEAD

Analogous

#ADD8E0

#B4ADE0

#ADBFE0

Triadic

#ADBFE0

#E0ADBF

#BFE0AD

Split Complementary

#ADBFE0

#E0B4AD

#D8E0AD

Tetradic

#ADBFE0

#E0ADD8

#E0CEAD

#ADE0B4

Color Blindness Simulation

Original

#ADBFE0

Protanopia

#B5B5D8

Deuteranopia

#B4B2D6

Tritanopia

#AED2D0

Achromatopsia

#BEBEBE

CSS Usage

background-color: #ADBFE0;
color: #ADBFE0;
border-color: #ADBFE0;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD7EB
300
#A6BADD
400
#7694CB
500
#466FB9
600
#385994
700
#2D4776
800
#23375D
900
#1D2B44
950
#121B2B

Contrast Checker

Text on white

1,86:1

AA Fail AAA Fail

Text on black

11,31:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026