#BABBF4

#BABBF4

Значения цвета

HEX

#BABBF4

RGB

186, 187, 244

HSL

239,0, 72,5%, 84,3%

HSV

239,0, 23,8%, 95,7%

CMYK

23,8%, 23,4%, 0,0%, 4,3%

OKLCH

0,8111 0,0801 283,7

Свойства

Холодный Светлый Ближайший: NCS S 0520-R80B Light Lavender

Психология цвета

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.

Цветовые гармонии

Комплементарный

#BABBF4

#F4F3BA

Аналогичный

#BAD8F4

#D6BAF4

#BABBF4

Триадный

#BABBF4

#F4BABB

#BBF4BA

Раздельно-комплементарный

#BABBF4

#F4D6BA

#D8F4BA

Тетрадный

#BABBF4

#F4BAD8

#F4F3BA

#BAF4D6

Симуляция цветовой слепоты

Оригинал

#BABBF4

Протанопия

#BABAE6

Дейтеранопия

#BABAE3

Тританопия

#BADBD9

Ахроматопсия

#BFBFBF

Использование в CSS

background-color: #BABBF4;
color: #BABBF4;
border-color: #BABBF4;
Ближайший Tailwind-оттенок: Indigo 300 #A5B4FC

Оттенки Tailwind

50
#F3F3FC
100
#E2E3F8
200
#C1C2F5
300
#9597EE
400
#5C5FE5
500
#2326DC
600
#1C1FB0
700
#16188D
800
#12136E
900
#111250
950
#0B0B33

Проверка контрастности

Текст на белом

1,83:1

AA Fail AAA Fail

Текст на чёрном

11,5:1

AA Pass AAA Pass

Сравнить с

#BABBF4
#F4F3BA
#BABBF4
#FFFFFF
#000000
#BABBF4

Похожие статьи

Уроки

CSS color-mix(): нативное смешивание цветов в браузере

Янв 26, 2026
Уроки

Создание веб-компонента выбора цвета с нуля

Янв 21, 2026
Уроки

Перцептивные Цветовые Пространства: Lab, LCH, Oklab, OKLCH

Янв 15, 2026

Часто задаваемые вопросы

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

RGB(186, 187, 244) · HSL(239,0, 72,5%, 84,3%) · CMYK(23,8%, 23,4%, 0,0%, 4,3%)

Does #BABBF4 meet WCAG contrast on white?

1,83:1 — WCAG AA Не соответствует, AAA Не соответствует for normal text.

What text color is readable on #BABBF4?

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