#AFD2E6

#AFD2E6

Overview

#AFD2E6 is a cool, light color. In RGB it is 175, 210, 230, in HSL 201.8°, 52.4%, 79.4%, and in CMYK 23.9%, 8.7%, 0.0%, 9.8%. The nearest named color is NCS S 0520-B Light Blue.

On this page

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

HEX

#AFD2E6

RGB

175, 210, 230

HSL

201,8, 52,4%, 79,4%

HSV

201,8, 23,9%, 90,2%

CMYK

23,9%, 8,7%, 0,0%, 9,8%

OKLCH

0,8449 0,0465 233,1

Свойства

Холодный Светлый Ближайший: NCS S 0520-B Light Blue

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

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.

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

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

#AFD2E6

#E6C3AF

Аналогичный

#AFE6DE

#AFB6E6

#AFD2E6

Триадный

#AFD2E6

#E6AFD2

#D2E6AF

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

#AFD2E6

#E6AFB6

#E6DEAF

Тетрадный

#AFD2E6

#DEAFE6

#E6C3AF

#B6E6AF

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

Оригинал

#AFD2E6

Протанопия

#BEBEE1

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

#BCBAE0

Тританопия

#B1DDDC

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

#CCCCCC

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

background-color: #AFD2E6;
color: #AFD2E6;
border-color: #AFD2E6;
Ближайший Tailwind-оттенок: Sky 200 #BAE6FD

Оттенки Tailwind

50
#F4F8FB
100
#E5EFF5
200
#C9E0EE
300
#A2CBE2
400
#6FAED2
500
#3D92C2
600
#31759B
700
#275D7C
800
#1E4961
900
#1A3747
950
#10232D

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

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

1,59:1

AA Fail AAA Fail

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

13,18:1

AA Pass AAA Pass

Сравнить с

#AFD2E6
#E6C3AF
#AFD2E6
#FFFFFF
#000000
#AFD2E6

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

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

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 #AFD2E6?

RGB(175, 210, 230) · HSL(201,8, 52,4%, 79,4%) · CMYK(23,9%, 8,7%, 0,0%, 9,8%)

Does #AFD2E6 meet WCAG contrast on white?

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

What text color is readable on #AFD2E6?

Use 000000 text on a #AFD2E6 background; contrast on black is 13,18:1.