#B4DFD6

#B4DFD6

Overview

#B4DFD6 is a cool, light color. In RGB it is 180, 223, 214, in HSL 167.4°, 40.2%, 79.0%, and in CMYK 19.3%, 0.0%, 4.0%, 12.5%. The nearest named color is powderblue.

On this page

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

HEX

#B4DFD6

RGB

180, 223, 214

HSL

167,4, 40,2%, 79,0%

HSV

167,4, 19,3%, 87,5%

CMYK

19,3%, 0,0%, 4,0%, 12,5%

OKLCH

0,8706 0,0465 181,0

Свойства

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

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

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.

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

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

#B4DFD6

#DFB4BD

Аналогичный

#B4DFC0

#B4D2DF

#B4DFD6

Триадный

#B4DFD6

#D6B4DF

#DFD6B4

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

#B4DFD6

#DFB4D2

#DFC0B4

Тетрадный

#B4DFD6

#C0B4DF

#DFB4BD

#D2DFB4

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

Оригинал

#B4DFD6

Протанопия

#C7C7D8

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

#C4C1D9

Тританопия

#B6DADA

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

#D5D5D5

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

background-color: #B4DFD6;
color: #B4DFD6;
border-color: #B4DFD6;
Ближайший Tailwind-оттенок: Teal 100 #CCFBF1

Оттенки Tailwind

50
#F5FAF9
100
#E7F3F1
200
#CDEAE4
300
#A9DAD0
400
#7BC7B7
500
#4CB39D
600
#3D8F7E
700
#317265
800
#26594F
900
#1F423B
950
#142A25

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

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

1,45:1

AA Fail AAA Fail

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

14,47:1

AA Pass AAA Pass

Сравнить с

#B4DFD6
#DFB4BD
#B4DFD6
#FFFFFF
#000000
#B4DFD6

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(180, 223, 214) · HSL(167,4, 40,2%, 79,0%) · CMYK(19,3%, 0,0%, 4,0%, 12,5%)

Does #B4DFD6 meet WCAG contrast on white?

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

What text color is readable on #B4DFD6?

Use 000000 text on a #B4DFD6 background; contrast on black is 14,47:1.