#AAB0DF

#AAB0DF

Overview

#AAB0DF is a cool, light color. In RGB it is 170, 176, 223, in HSL 233.2°, 45.3%, 77.1%, and in CMYK 23.8%, 21.1%, 0.0%, 12.5%. The nearest named color is NCS S 0520-R80B Light Lavender.

On this page

Valeurs de couleur

HEX

#AAB0DF

RGB

170, 176, 223

HSL

233,2, 45,3%, 77,1%

HSV

233,2, 23,8%, 87,5%

CMYK

23,8%, 21,1%, 0,0%, 12,5%

OKLCH

0,7688 0,0675 279,0

Propriétés

Froid Clair Le plus proche : NCS S 0520-R80B Light Lavender

Psychologie des couleurs

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

Harmonies de couleurs

Complémentaire

#AAB0DF

#DFD9AA

Analogue

#AACBDF

#BFAADF

#AAB0DF

Triadique

#AAB0DF

#DFAAB0

#B0DFAA

Complémentaire divisé

#AAB0DF

#DFBFAA

#CBDFAA

Tétradique

#AAB0DF

#DFAACB

#DFD9AA

#AADFBF

Simulation de daltonisme

Original

#AAB0DF

Protanopie

#ADADD4

Deutéranopie

#ACACD1

Tritanopie

#AACBC9

Achromatopsie

#B2B2B2

Utilisation CSS

background-color: #AAB0DF;
color: #AAB0DF;
border-color: #AAB0DF;
Tailwind le plus proche : Indigo 200 #C7D2FE

Nuances Tailwind

50
#F4F5FA
100
#E6E8F4
200
#CBCFEB
300
#A6ACDE
400
#7680CB
500
#4653B9
600
#384294
700
#2D3577
800
#23295D
900
#1D2144
950
#12152B

Vérificateur de contraste

Texte sur blanc

2,1:1

AA Fail AAA Fail

Texte sur noir

9,98:1

AA Pass AAA Pass

Comparer avec

#AAB0DF
#DFD9AA
#AAB0DF
#FFFFFF
#000000
#AAB0DF

Articles associés

Tutoriels

CSS color-mix() : mélanger des couleurs nativement dans le navigateur

Jan 26, 2026
Tutoriels

Créer un sélecteur de couleur Web Component from scratch

Jan 21, 2026
Tutoriels

Espaces colorimétriques perceptuels : Lab, LCH, Oklab, OKLCH

Jan 15, 2026

Questions fréquemment posées

What are the RGB, HSL, and CMYK values of #AAB0DF?

RGB(170, 176, 223) · HSL(233,2, 45,3%, 77,1%) · CMYK(23,8%, 21,1%, 0,0%, 12,5%)

Does #AAB0DF meet WCAG contrast on white?

2,1:1 — WCAG AA Échoué, AAA Échoué for normal text.

What text color is readable on #AAB0DF?

Use 000000 text on a #AAB0DF background; contrast on black is 9,98:1.