#BBC7CC

#BBC7CC

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

HEX

#BBC7CC

RGB

187, 199, 204

HSL

197,6, 14,3%, 76,7%

HSV

197,6, 8,3%, 80,0%

CMYK

8,3%, 2,5%, 0,0%, 20,0%

OKLCH

0,8219 0,015 224,5

Свойства

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

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

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.

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

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

#BBC7CC

#CCC0BB

Аналогичный

#BBCCC9

#BBBFCC

#BBC7CC

Триадный

#BBC7CC

#CCBBC7

#C7CCBB

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

#BBC7CC

#CCBBBF

#CCC9BB

Тетрадный

#BBC7CC

#C9BBCC

#CCC0BB

#BFCCBB

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

Оригинал

#BBC7CC

Протанопия

#C0C0CB

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

#C0BFCA

Тританопия

#BCCACA

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

#C5C5C5

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

background-color: #BBC7CC;
color: #BBC7CC;
border-color: #BBC7CC;
Ближайший Tailwind-оттенок: Gray 300 #D1D5DB

Оттенки Tailwind

50
#F6F8F8
100
#EBEEEF
200
#D6DDE0
300
#B9C5CB
400
#93A6AE
500
#6D8792
600
#576C75
700
#46565D
800
#374449
900
#2A3337
950
#1B2023

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

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

1,73:1

AA Fail AAA Fail

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

12,15:1

AA Pass AAA Pass

Сравнить с

#BBC7CC
#CCC0BB
#BBC7CC
#FFFFFF
#000000
#BBC7CC

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(187, 199, 204) · HSL(197,6, 14,3%, 76,7%) · CMYK(8,3%, 2,5%, 0,0%, 20,0%)

Does #BBC7CC meet WCAG contrast on white?

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

What text color is readable on #BBC7CC?

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