#B2D4DF

#B2D4DF

Overview

#B2D4DF is a cool, light color. In RGB it is 178, 212, 223, in HSL 194.7°, 41.3%, 78.6%, and in CMYK 20.2%, 4.9%, 0.0%, 12.5%. The nearest named color is lightblue.

On this page

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

HEX

#B2D4DF

RGB

178, 212, 223

HSL

194,7, 41,3%, 78,6%

HSV

194,7, 20,2%, 87,5%

CMYK

20,2%, 4,9%, 0,0%, 12,5%

OKLCH

0,8487 0,0392 219,4

Свойства

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

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

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.

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

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

#B2D4DF

#DFBDB2

Аналогичный

#B2DFD3

#B2BDDF

#B2D4DF

Триадный

#B2D4DF

#DFB2D4

#D4DFB2

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

#B2D4DF

#DFB2BD

#DFD3B2

Тетрадный

#B2D4DF

#D3B2DF

#DFBDB2

#BDDFB2

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

Оригинал

#B2D4DF

Протанопия

#C1C1DC

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

#BFBCDC

Тританопия

#B4DADA

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

#CECECE

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

background-color: #B2D4DF;

color: #B2D4DF;

border-color: #B2D4DF;

Ближайший Tailwind-оттенок: Slate 300 #CBD5E1

Оттенки Tailwind

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

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

1,57:1

AA Fail AAA Fail

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

13,38: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 #B2D4DF?

RGB(178, 212, 223) · HSL(194,7, 41,3%, 78,6%) · CMYK(20,2%, 4,9%, 0,0%, 12,5%)

Does #B2D4DF meet WCAG contrast on white?

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

What text color is readable on #B2D4DF?

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