#5CC4FD

#5CC4FD

Overview

#5CC4FD is a cool, light color. In RGB it is 92, 196, 253, in HSL 201.2°, 97.6%, 67.6%, and in CMYK 63.6%, 22.5%, 0.0%, 0.8%. The nearest named color is deepskyblue.

On this page

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

HEX

#5CC4FD

RGB

92, 196, 253

HSL

201,2, 97,6%, 67,6%

HSV

201,2, 63,6%, 99,2%

CMYK

63,6%, 22,5%, 0,0%, 0,8%

OKLCH

0,7816 0,1258 235,6

Свойства

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

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

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.

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

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

#5CC4FD

#FD955C

Аналогичный

#5CFDE5

#5C73FD

#5CC4FD

Триадный

#5CC4FD

#FD5CC4

#C4FD5C

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

#5CC4FD

#FD5C73

#FDE55C

Тетрадный

#5CC4FD

#E55CFD

#FD955C

#73FD5C

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

Оригинал

#5CC4FD

Протанопия

#898AEF

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

#837BEC

Тританопия

#61E4E2

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

#B2B2B2

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

background-color: #5CC4FD;
color: #5CC4FD;
border-color: #5CC4FD;
Ближайший Tailwind-оттенок: Sky 400 #38BDF8

Оттенки Tailwind

50
#F1F9FE
100
#DEF1FC
200
#B8E6FE
300
#86D3FE
400
#45BCFD
500
#03A4FC
600
#0283CA
700
#0269A1
800
#02527E
900
#063D5B
950
#042639

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

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

1,95:1

AA Fail AAA Fail

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

10,77:1

AA Pass AAA Pass

Сравнить с

#5CC4FD
#FD955C
#5CC4FD
#FFFFFF
#000000
#5CC4FD

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

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

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 #5CC4FD?

RGB(92, 196, 253) · HSL(201,2, 97,6%, 67,6%) · CMYK(63,6%, 22,5%, 0,0%, 0,8%)

Does #5CC4FD meet WCAG contrast on white?

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

What text color is readable on #5CC4FD?

Use 000000 text on a #5CC4FD background; contrast on black is 10,77:1.