#ADB0FD

#ADB0FD

Color Values

HEX

#ADB0FD

RGB

173, 176, 253

HSL

237.8, 95.2%, 83.5%

HSV

237.8, 31.6%, 99.2%

CMYK

31.6%, 30.4%, 0.0%, 0.8%

OKLCH

0.7837 0.1092 281.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ADB0FD

#FDFAAD

Analogous

#ADD8FD

#D2ADFD

#ADB0FD

Triadic

#ADB0FD

#FDADB0

#B0FDAD

Split Complementary

#ADB0FD

#FDD2AD

#D8FDAD

Tetradic

#ADB0FD

#FDADD8

#FDFAAD

#ADFDD2

Color Blindness Simulation

Original

#ADB0FD

Protanopia

#AEAEEA

Deuteranopia

#AEAEE6

Tritanopia

#ADDCD8

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BCFD
300
#888CFC
400
#474DFA
500
#060FF9
600
#050CC7
700
#040A9F
800
#03087C
900
#070A5A
950
#040639

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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