#B7DFDD

#B7DFDD

Overview

#B7DFDD is a cool, light color. In RGB it is 183, 223, 221, in HSL 177.0°, 38.5%, 79.6%, and in CMYK 17.9%, 0.0%, 0.9%, 12.5%. The nearest named color is powderblue.

On this page

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

HEX

#B7DFDD

RGB

183, 223, 221

HSL

177,0, 38,5%, 79,6%

HSV

177,0, 17,9%, 87,5%

CMYK

17,9%, 0,0%, 0,9%, 12,5%

OKLCH

0,8746 0,0419 192,7

Свойства

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

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

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

#B7DFDD

#DFB7B9

Аналогичный

#B7DFC9

#B7CDDF

#B7DFDD

Триадный

#B7DFDD

#DDB7DF

#DFDDB7

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

#B7DFDD

#DFB7CD

#DFC9B7

Тетрадный

#B7DFDD

#C9B7DF

#DFB7B9

#CDDFB7

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

Оригинал

#B7DFDD

Протанопия

#C8C9DD

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

#C6C3DE

Тританопия

#B9DEDE

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

#D6D6D6

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

background-color: #B7DFDD;
color: #B7DFDD;
border-color: #B7DFDD;
Ближайший Tailwind-оттенок: Cyan 100 #CFFAFE

Оттенки Tailwind

50
#F5FAFA
100
#E7F3F2
200
#CEE9E8
300
#AAD9D7
400
#7CC5C1
500
#4EB1AC
600
#3F8D89
700
#32716E
800
#275856
900
#204140
950
#142928

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

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

1,44:1

AA Fail AAA Fail

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

14,61:1

AA Pass AAA Pass

Сравнить с

#B7DFDD
#DFB7B9
#B7DFDD
#FFFFFF
#000000
#B7DFDD

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(183, 223, 221) · HSL(177,0, 38,5%, 79,6%) · CMYK(17,9%, 0,0%, 0,9%, 12,5%)

Does #B7DFDD meet WCAG contrast on white?

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

What text color is readable on #B7DFDD?

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