#BCECF4

#BCECF4

Overview

#BCECF4 is a cool, light color. In RGB it is 188, 236, 244, in HSL 188.6°, 71.8%, 84.7%, and in CMYK 23.0%, 3.3%, 0.0%, 4.3%. The nearest named color is Blizzard Blue.

On this page

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

HEX

#BCECF4

RGB

188, 236, 244

HSL

188,6, 71,8%, 84,7%

HSV

188,6, 23,0%, 95,7%

CMYK

23,0%, 3,3%, 0,0%, 4,3%

OKLCH

0,9122 0,0504 208,8

Свойства

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

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

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

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

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

#BCECF4

#F4C4BC

Аналогичный

#BCF4E0

#BCD0F4

#BCECF4

Триадный

#BCECF4

#F4BCEC

#ECF4BC

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

#BCECF4

#F4BCD0

#F4E0BC

Тетрадный

#BCECF4

#E0BCF4

#F4C4BC

#D0F4BC

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

Оригинал

#BCECF4

Протанопия

#D1D1F2

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

#CECAF2

Тританопия

#BEF1F0

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

#E2E2E2

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

background-color: #BCECF4;

color: #BCECF4;

border-color: #BCECF4;

Ближайший Tailwind-оттенок: Cyan 100 #CFFAFE

Оттенки Tailwind

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

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

1,28:1

AA Fail AAA Fail

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

16,44: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 #BCECF4?

RGB(188, 236, 244) · HSL(188,6, 71,8%, 84,7%) · CMYK(23,0%, 3,3%, 0,0%, 4,3%)

Does #BCECF4 meet WCAG contrast on white?

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

What text color is readable on #BCECF4?

Use 000000 text on a #BCECF4 background; contrast on black is 16,44:1.