#BBA4FF

#BBA4FF

Overview

#BBA4FF is a cool, light color. In RGB it is 187, 164, 255, in HSL 255.2°, 100.0%, 82.2%, and in CMYK 26.7%, 35.7%, 0.0%, 0.0%. The nearest named color is Wisteria.

On this page

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

HEX

#BBA4FF

RGB

187, 164, 255

HSL

255,2, 100,0%, 82,2%

HSV

255,2, 35,7%, 100,0%

CMYK

26,7%, 35,7%, 0,0%, 0,0%

OKLCH

0,7732 0,1293 294,8

Свойства

Холодный Светлый Ближайший: Wisteria

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

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.

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

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

#BBA4FF

#E8FFA4

Аналогичный

#A4BBFF

#E9A4FF

#BBA4FF

Триадный

#BBA4FF

#FFBBA4

#A4FFBB

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

#BBA4FF

#FFE9A4

#BBFFA4

Тетрадный

#BBA4FF

#FFA4BB

#E8FFA4

#A4FFE9

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

Оригинал

#BBA4FF

Протанопия

#B1B1E9

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

#B2B4E4

Тританопия

#BAD8D4

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

#AFAFAF

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

background-color: #BBA4FF;
color: #BBA4FF;
border-color: #BBA4FF;
Ближайший Tailwind-оттенок: Purple 300 #D8B4FE

Оттенки Tailwind

50
#F4F1FE
100
#E6DEFC
200
#CAB8FF
300
#A485FF
400
#7242FF
500
#4100FF
600
#3400CC
700
#2900A3
800
#200080
900
#1B055C
950
#11033A

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

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

2,13:1

AA Fail AAA Fail

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

9,87:1

AA Pass AAA Pass

Сравнить с

#BBA4FF
#E8FFA4
#BBA4FF
#FFFFFF
#000000
#BBA4FF

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(187, 164, 255) · HSL(255,2, 100,0%, 82,2%) · CMYK(26,7%, 35,7%, 0,0%, 0,0%)

Does #BBA4FF meet WCAG contrast on white?

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

What text color is readable on #BBA4FF?

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