#BDD2F2

#BDD2F2

Overview

#BDD2F2 is a cool, light color. In RGB it is 189, 210, 242, in HSL 216.2°, 67.1%, 84.5%, and in CMYK 21.9%, 13.2%, 0.0%, 5.1%. The nearest named color is lightsteelblue 2.

On this page

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

HEX

#BDD2F2

RGB

189, 210, 242

HSL

216,2, 67,1%, 84,5%

HSV

216,2, 21,9%, 94,9%

CMYK

21,9%, 13,2%, 0,0%, 5,1%

OKLCH

0,8584 0,0501 258,7

Свойства

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

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

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.

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

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

#BDD2F2

#F2DDBD

Аналогичный

#BDEDF2

#C2BDF2

#BDD2F2

Триадный

#BDD2F2

#F2BDD2

#D2F2BD

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

#BDD2F2

#F2C2BD

#EDF2BD

Тетрадный

#BDD2F2

#F2BDED

#F2DDBD

#BDF2C2

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

Оригинал

#BDD2F2

Протанопия

#C6C6EA

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

#C5C3E8

Тританопия

#BEE4E3

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

#D0D0D0

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

background-color: #BDD2F2;

color: #BDD2F2;

border-color: #BDD2F2;

Ближайший Tailwind-оттенок: Blue 200 #BFDBFE

Оттенки Tailwind

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

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

1,54:1

AA Fail AAA Fail

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

13,66:1

AA Pass AAA Pass

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(189, 210, 242) · HSL(216,2, 67,1%, 84,5%) · CMYK(21,9%, 13,2%, 0,0%, 5,1%)

Does #BDD2F2 meet WCAG contrast on white?

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

What text color is readable on #BDD2F2?

Use 000000 text on a #BDD2F2 background; contrast on black is 13,66:1.