#52CCFF

#52CCFF

Overview

#52CCFF is a cool, light color. In RGB it is 82, 204, 255, in HSL 197.7°, 100.0%, 66.1%, and in CMYK 67.8%, 20.0%, 0.0%, 0.0%. The nearest named color is deepskyblue.

On this page

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

HEX

#52CCFF

RGB

82, 204, 255

HSL

197,7, 100,0%, 66,1%

HSV

197,7, 67,8%, 100,0%

CMYK

67,8%, 20,0%, 0,0%, 0,0%

OKLCH

0,7973 0,1289 229,4

Свойства

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

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

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

#52CCFF

#FF8552

Аналогичный

#52FFDC

#5276FF

#52CCFF

Триадный

#52CCFF

#FF52CC

#CCFF52

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

#52CCFF

#FF5276

#FFDC52

Тетрадный

#52CCFF

#DC52FF

#FF8552

#76FF52

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

Оригинал

#52CCFF

Протанопия

#8788F3

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

#8077F0

Тританопия

#58E9E7

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

#B6B6B6

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

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

Оттенки Tailwind

50
#F1FAFE
100
#DEF3FC
200
#B8EAFF
300
#85DBFF
400
#42C7FF
500
#00B4FF
600
#0090CC
700
#0073A3
800
#005A80
900
#05425C
950
#032A3A

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

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

1,84:1

AA Fail AAA Fail

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

11,44:1

AA Pass AAA Pass

Сравнить с

#52CCFF
#FF8552
#52CCFF
#FFFFFF
#000000
#52CCFF

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

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

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 #52CCFF?

RGB(82, 204, 255) · HSL(197,7, 100,0%, 66,1%) · CMYK(67,8%, 20,0%, 0,0%, 0,0%)

Does #52CCFF meet WCAG contrast on white?

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

What text color is readable on #52CCFF?

Use 000000 text on a #52CCFF background; contrast on black is 11,44:1.