#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

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

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

Ene 18, 2026