#BBBDF7

#BBBDF7

Overview

#BBBDF7 is a cool, light color. In RGB it is 187, 189, 247, in HSL 238.0°, 78.9%, 85.1%, and in CMYK 24.3%, 23.5%, 0.0%, 3.1%. The nearest named color is NCS S 0520-R80B Light Lavender.

On this page

Valeurs de couleur

HEX

#BBBDF7

RGB

187, 189, 247

HSL

238,0, 78,9%, 85,1%

HSV

238,0, 24,3%, 96,9%

CMYK

24,3%, 23,5%, 0,0%, 3,1%

OKLCH

0,817 0,0814 282,9

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

#BBBDF7

#F7F5BB

Analogue

#BBDBF7

#D7BBF7

#BBBDF7

Triadique

#BBBDF7

#F7BBBD

#BDF7BB

Complémentaire divisé

#BBBDF7

#F7D7BB

#DBF7BB

Tétradique

#BBBDF7

#F7BBDB

#F7F5BB

#BBF7D7

Simulation de daltonisme

Original

#BBBDF7

Protanopie

#BCBCE9

Deutéranopie

#BCBCE6

Tritanopie

#BBDEDB

Achromatopsie

#C1C1C1

Utilisation CSS

background-color: #BBBDF7;
color: #BBBDF7;
border-color: #BBBDF7;
Tailwind le plus proche : Indigo 300 #A5B4FC

Nuances Tailwind

50
#F2F3FC
100
#E1E2F9
200
#BFC1F7
300
#9295F2
400
#565BEB
500
#1B22E4
600
#161BB6
700
#111692
800
#0D1172
900
#0E1053
950
#090A34

Vérificateur de contraste

Texte sur blanc

1,79:1

AA Fail AAA Fail

Texte sur noir

11,74:1

AA Pass AAA Pass

Comparer avec

#BBBDF7
#F7F5BB
#BBBDF7
#FFFFFF
#000000
#BBBDF7

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 #BBBDF7?

RGB(187, 189, 247) · HSL(238,0, 78,9%, 85,1%) · CMYK(24,3%, 23,5%, 0,0%, 3,1%)

Does #BBBDF7 meet WCAG contrast on white?

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

What text color is readable on #BBBDF7?

Use 000000 text on a #BBBDF7 background; contrast on black is 11,74:1.