#54B5FD

#54B5FD

Overview

#54B5FD is a cool, light color. In RGB it is 84, 181, 253, in HSL 205.6°, 97.7%, 66.1%, and in CMYK 66.8%, 28.5%, 0.0%, 0.8%. The nearest named color is steelblue 1.

On this page

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

HEX

#54B5FD

RGB

84, 181, 253

HSL

205,6, 97,7%, 66,1%

HSV

205,6, 66,8%, 99,2%

CMYK

66,8%, 28,5%, 0,0%, 0,8%

OKLCH

0,7455 0,1384 243,7

Свойства

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

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

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

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

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

#54B5FD

#FD9C54

Аналогичный

#54FDF1

#5460FD

#54B5FD

Триадный

#54B5FD

#FD54B5

#B5FD54

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

#54B5FD

#FD5460

#FDF154

Тетрадный

#54B5FD

#F154FD

#FD9C54

#60FD54

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

Оригинал

#54B5FD

Протанопия

#7E7FEC

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

#7871E7

Тританопия

#59DEDB

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

#A6A6A6

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

background-color: #54B5FD;
color: #54B5FD;
border-color: #54B5FD;
Ближайший Tailwind-оттенок: Sky 500 #0EA5E9

Оттенки Tailwind

50
#F1F8FE
100
#DEEFFC
200
#B8E0FE
300
#86CBFE
400
#44AEFD
500
#0392FC
600
#0275CA
700
#025DA1
800
#01497E
900
#06375B
950
#04233A

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

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

2,23:1

AA Fail AAA Fail

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

9,4:1

AA Pass AAA Pass

Сравнить с

#54B5FD
#FD9C54
#54B5FD
#FFFFFF
#000000
#54B5FD

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

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

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 #54B5FD?

RGB(84, 181, 253) · HSL(205,6, 97,7%, 66,1%) · CMYK(66,8%, 28,5%, 0,0%, 0,8%)

Does #54B5FD meet WCAG contrast on white?

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

What text color is readable on #54B5FD?

Use 000000 text on a #54B5FD background; contrast on black is 9,4:1.