#A2DDFD

#A2DDFD

Overview

#A2DDFD is a cool, light color. In RGB it is 162, 221, 253, in HSL 201.1°, 95.8%, 81.4%, and in CMYK 36.0%, 12.6%, 0.0%, 0.8%. The nearest named color is lightskyblue 1.

On this page

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

HEX

#A2DDFD

RGB

162, 221, 253

HSL

201,1, 95,8%, 81,4%

HSV

201,1, 36,0%, 99,2%

CMYK

36,0%, 12,6%, 0,0%, 0,8%

OKLCH

0,8683 0,0748 232,4

Свойства

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

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

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

#A2DDFD

#FDC2A2

Аналогичный

#A2FDF0

#A2B0FD

#A2DDFD

Триадный

#A2DDFD

#FDA2DD

#DDFDA2

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

#A2DDFD

#FDA2B0

#FDF0A2

Тетрадный

#A2DDFD

#F0A2FD

#FDC2A2

#B0FDA2

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

Оригинал

#A2DDFD

Протанопия

#BCBCF5

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

#B8B4F3

Тританопия

#A5EFEE

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

#D3D3D3

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

background-color: #A2DDFD;

color: #A2DDFD;

border-color: #A2DDFD;

Ближайший Tailwind-оттенок: Sky 200 #BAE6FD

Оттенки Tailwind

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

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

1,47:1

AA Fail AAA Fail

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

14,3:1

AA Pass AAA Pass

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

Перцептивные Цветовые Пространства: Lab, LCH, Oklab, OKLCH

Янв 15, 2026

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

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

RGB(162, 221, 253) · HSL(201,1, 95,8%, 81,4%) · CMYK(36,0%, 12,6%, 0,0%, 0,8%)

Does #A2DDFD meet WCAG contrast on white?

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

What text color is readable on #A2DDFD?

Use 000000 text on a #A2DDFD background; contrast on black is 14,3:1.