#B2CBDA

#B2CBDA

Overview

#B2CBDA is a cool, light color. In RGB it is 178, 203, 218, in HSL 202.5°, 35.1%, 77.6%, and in CMYK 18.3%, 6.9%, 0.0%, 14.5%. The nearest named color is NCS S 0520-B Light Blue.

On this page

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

HEX

#B2CBDA

RGB

178, 203, 218

HSL

202,5, 35,1%, 77,6%

HSV

202,5, 18,3%, 85,5%

CMYK

18,3%, 6,9%, 0,0%, 14,5%

OKLCH

0,8282 0,0343 234,2

Свойства

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

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

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.

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

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

#B2CBDA

#DAC1B2

Аналогичный

#B2DAD5

#B2B7DA

#B2CBDA

Триадный

#B2CBDA

#DAB2CB

#CBDAB2

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

#B2CBDA

#DAB2B7

#DAD5B2

Тетрадный

#B2CBDA

#D5B2DA

#DAC1B2

#B7DAB2

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

Оригинал

#B2CBDA

Протанопия

#BDBDD6

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

#BBBAD6

Тританопия

#B3D4D3

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

#C7C7C7

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

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

Оттенки Tailwind

50
#F5F8FA
100
#E8EEF2
200
#CFDEE8
300
#ACC7D7
400
#80A9C2
500
#538BAC
600
#426F8A
700
#35596E
800
#294556
900
#213440
950
#152128

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

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

1,69:1

AA Fail AAA Fail

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

12,45:1

AA Pass AAA Pass

Сравнить с

#B2CBDA
#DAC1B2
#B2CBDA
#FFFFFF
#000000
#B2CBDA

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(178, 203, 218) · HSL(202,5, 35,1%, 77,6%) · CMYK(18,3%, 6,9%, 0,0%, 14,5%)

Does #B2CBDA meet WCAG contrast on white?

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

What text color is readable on #B2CBDA?

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