#ADBBF2

#ADBBF2

Color Values

HEX

#ADBBF2

RGB

173, 187, 242

HSL

227.8, 72.6%, 81.4%

HSV

227.8, 28.5%, 94.9%

CMYK

28.5%, 22.7%, 0.0%, 5.1%

OKLCH

0.8007 0.0797 273.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ADBBF2

#F2E4AD

Analogous

#ADDEF2

#C2ADF2

#ADBBF2

Triadic

#ADBBF2

#F2ADBB

#BBF2AD

Split Complementary

#ADBBF2

#F2C2AD

#DEF2AD

Tetradic

#ADBBF2

#F2ADDE

#F2E4AD

#ADF2C2

Color Blindness Simulation

Original

#ADBBF2

Protanopia

#B3B3E5

Deuteranopia

#B2B1E1

Tritanopia

#AEDAD8

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E2E7F8
200
#C1CCF5
300
#95A7EE
400
#5C78E5
500
#2349DC
600
#1C3AB0
700
#162E8D
800
#11246E
900
#111E50
950
#0B1333

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

11.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026