#BBCAD9

#BBCAD9

Overview

#BBCAD9 is a cool, light color. In RGB it is 187, 202, 217, in HSL 210.0°, 28.3%, 79.2%, and in CMYK 13.8%, 6.9%, 0.0%, 14.9%. The nearest named color is Periwinkle.

On this page

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

HEX

#BBCAD9

RGB

187, 202, 217

HSL

210,0, 28,3%, 79,2%

HSV

210,0, 13,8%, 85,1%

CMYK

13,8%, 6,9%, 0,0%, 14,9%

OKLCH

0,8322 0,0267 248,1

Свойства

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

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

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.

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

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

#BBCAD9

#D9CABB

Аналогичный

#BBD9D9

#BBBBD9

#BBCAD9

Триадный

#BBCAD9

#D9BBCA

#CAD9BB

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

#BBCAD9

#D9BBBB

#D9D9BB

Тетрадный

#BBCAD9

#D9BBD9

#D9CABB

#BBD9BB

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

Оригинал

#BBCAD9

Протанопия

#C1C2D5

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

#C1C0D4

Тританопия

#BCD3D2

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

#C8C8C8

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

background-color: #BBCAD9;
color: #BBCAD9;
border-color: #BBCAD9;
Ближайший Tailwind-оттенок: Slate 300 #CBD5E1

Оттенки Tailwind

50
#F6F7F9
100
#E9EDF1
200
#D1DBE5
300
#B0C2D3
400
#86A1BB
500
#5B80A4
600
#496683
700
#3B5269
800
#2E4052
900
#24303D
950
#171F26

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

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

1,67:1

AA Fail AAA Fail

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

12,56:1

AA Pass AAA Pass

Сравнить с

#BBCAD9
#D9CABB
#BBCAD9
#FFFFFF
#000000
#BBCAD9

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026
Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026

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

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

RGB(187, 202, 217) · HSL(210,0, 28,3%, 79,2%) · CMYK(13,8%, 6,9%, 0,0%, 14,9%)

Does #BBCAD9 meet WCAG contrast on white?

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

What text color is readable on #BBCAD9?

Use 000000 text on a #BBCAD9 background; contrast on black is 12,56:1.