#56DAFD

#56DAFD

Overview

#56DAFD is a cool, light color. In RGB it is 86, 218, 253, in HSL 192.6°, 97.7%, 66.5%, and in CMYK 66.0%, 13.8%, 0.0%, 0.8%. The nearest named color is Sky Blue.

On this page

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

HEX

#56DAFD

RGB

86, 218, 253

HSL

192,6, 97,7%, 66,5%

HSV

192,6, 66,0%, 99,2%

CMYK

66,0%, 13,8%, 0,0%, 0,8%

OKLCH

0,8295 0,1234 218,7

Свойства

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

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

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

#56DAFD

#FD7956

Аналогичный

#56FDCD

#5687FD

#56DAFD

Триадный

#56DAFD

#FD56DA

#DAFD56

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

#56DAFD

#FD5687

#FDCD56

Тетрадный

#56DAFD

#CD56FD

#FD7956

#87FD56

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

Оригинал

#56DAFD

Протанопия

#8F90F5

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

#887EF2

Тританопия

#5DEEEC

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

#C0C0C0

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

background-color: #56DAFD;

color: #56DAFD;

border-color: #56DAFD;

Ближайший Tailwind-оттенок: Cyan 400 #22D3EE

Оттенки Tailwind

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

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

1,64:1

AA Fail AAA Fail

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

12,84:1

AA Pass AAA Pass

Сравнить с

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026

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

Янв 26, 2026

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

Янв 21, 2026

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

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

RGB(86, 218, 253) · HSL(192,6, 97,7%, 66,5%) · CMYK(66,0%, 13,8%, 0,0%, 0,8%)

Does #56DAFD meet WCAG contrast on white?

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

What text color is readable on #56DAFD?

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