#54D3FD

#54D3FD

Overview

#54D3FD is a cool, light color. In RGB it is 84, 211, 253, in HSL 194.9°, 97.7%, 66.1%, and in CMYK 66.8%, 16.6%, 0.0%, 0.8%. The nearest named color is lightskyblue.

On this page

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

HEX

#54D3FD

RGB

84, 211, 253

HSL

194,9, 97,7%, 66,1%

HSV

194,9, 66,8%, 99,2%

CMYK

66,8%, 16,6%, 0,0%, 0,8%

OKLCH

0,813 0,1249 223,6

Свойства

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

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

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.

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

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

#54D3FD

#FD7E54

Аналогичный

#54FDD3

#547FFD

#54D3FD

Триадный

#54D3FD

#FD54D3

#D3FD54

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

#54D3FD

#FD547F

#FDD354

Тетрадный

#54D3FD

#D354FD

#FD7E54

#7FFD54

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

Оригинал

#54D3FD

Протанопия

#8B8CF3

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

#847AF0

Тританопия

#5AEBE9

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

#BBBBBB

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

background-color: #54D3FD;

color: #54D3FD;

border-color: #54D3FD;

Ближайший Tailwind-оттенок: Sky 300 #7DD3FC

Оттенки Tailwind

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

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

1,73:1

AA Fail AAA Fail

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

12,11: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 #54D3FD?

RGB(84, 211, 253) · HSL(194,9, 97,7%, 66,1%) · CMYK(66,8%, 16,6%, 0,0%, 0,8%)

Does #54D3FD meet WCAG contrast on white?

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

What text color is readable on #54D3FD?

Use 000000 text on a #54D3FD background; contrast on black is 12,11:1.