#BBC4D6

#BBC4D6

Overview

#BBC4D6 is a cool, light color. In RGB it is 187, 196, 214, in HSL 220.0°, 24.8%, 78.6%, and in CMYK 12.6%, 8.4%, 0.0%, 16.1%. The nearest named color is Periwinkle.

On this page

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

HEX

#BBC4D6

RGB

187, 196, 214

HSL

220,0, 24,8%, 78,6%

HSV

220,0, 12,6%, 83,9%

CMYK

12,6%, 8,4%, 0,0%, 16,1%

OKLCH

0,8189 0,0272 264,4

Свойства

Холодный Светлый Ближайший: 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.

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

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

#BBC4D6

#D6CDBB

Аналогичный

#BBD1D6

#BFBBD6

#BBC4D6

Триадный

#BBC4D6

#D6BBC4

#C4D6BB

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

#BBC4D6

#D6BFBB

#D1D6BB

Тетрадный

#BBC4D6

#D6BBD1

#D6CDBB

#BBD6BF

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

Оригинал

#BBC4D6

Протанопия

#BFBFD2

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

#BEBED1

Тританопия

#BBCECD

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

#C3C3C3

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

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

Оттенки Tailwind

50
#F6F7F9
100
#E9ECF1
200
#D2D8E4
300
#B3BDD1
400
#8999B8
500
#60759F
600
#4D5E7F
700
#3D4B66
800
#303A50
900
#262D3B
950
#181C25

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

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

1,75:1

AA Fail AAA Fail

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

11,98:1

AA Pass AAA Pass

Сравнить с

#BBC4D6
#D6CDBB
#BBC4D6
#FFFFFF
#000000
#BBC4D6

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(187, 196, 214) · HSL(220,0, 24,8%, 78,6%) · CMYK(12,6%, 8,4%, 0,0%, 16,1%)

Does #BBC4D6 meet WCAG contrast on white?

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

What text color is readable on #BBC4D6?

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