#ADB3E8

#ADB3E8

Color Values

HEX

#ADB3E8

RGB

173, 179, 232

HSL

233.9, 56.2%, 79.4%

HSV

233.9, 25.4%, 91.0%

CMYK

25.4%, 22.8%, 0.0%, 9.0%

OKLCH

0.7806 0.0757 279.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ADB3E8

#E8E2AD

Analogous

#ADD0E8

#C4ADE8

#ADB3E8

Triadic

#ADB3E8

#E8ADB3

#B3E8AD

Split Complementary

#ADB3E8

#E8C4AD

#D0E8AD

Tetradic

#ADB3E8

#E8ADD0

#E8E2AD

#ADE8C4

Color Blindness Simulation

Original

#ADB3E8

Protanopia

#B0B0DB

Deuteranopia

#AFAFD8

Tritanopia

#ADD1CF

Achromatopsia

#B6B6B6

CSS Usage

background-color: #ADB3E8;
color: #ADB3E8;
border-color: #ADB3E8;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F4FB
100
#E5E6F6
200
#C7CBEF
300
#9FA6E4
400
#6C76D6
500
#3846C7
600
#2D389F
700
#242D7F
800
#1C2364
900
#181D49
950
#0F122E

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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