#BAC8EC

#BAC8EC

Overview

#BAC8EC is a cool, light color. In RGB it is 186, 200, 236, in HSL 223.2°, 56.8%, 82.7%, and in CMYK 21.2%, 15.3%, 0.0%, 7.5%. The nearest named color is lightsteelblue 2.

On this page

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

HEX

#BAC8EC

RGB

186, 200, 236

HSL

223,2, 56,8%, 82,7%

HSV

223,2, 21,2%, 92,5%

CMYK

21,2%, 15,3%, 0,0%, 7,5%

OKLCH

0,8339 0,0528 268,5

Свойства

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

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

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

#BAC8EC

#ECDEBA

Аналогичный

#BAE1EC

#C5BAEC

#BAC8EC

Триадный

#BAC8EC

#ECBAC8

#C8ECBA

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

#BAC8EC

#ECC5BA

#E1ECBA

Тетрадный

#BAC8EC

#ECBAE1

#ECDEBA

#BAECC5

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

Оригинал

#BAC8EC

Протанопия

#C0C0E3

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

#BFBEE1

Тританопия

#BBDCDB

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

#C8C8C8

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

background-color: #BAC8EC;

color: #BAC8EC;

border-color: #BAC8EC;

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

Оттенки Tailwind

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

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

1,67:1

AA Fail AAA Fail

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

12,56: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 #BAC8EC?

RGB(186, 200, 236) · HSL(223,2, 56,8%, 82,7%) · CMYK(21,2%, 15,3%, 0,0%, 7,5%)

Does #BAC8EC meet WCAG contrast on white?

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

What text color is readable on #BAC8EC?

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