#AFE2FE

#AFE2FE

Overview

#AFE2FE is a cool, light color. In RGB it is 175, 226, 254, in HSL 201.3°, 97.5%, 84.1%, and in CMYK 31.1%, 11.0%, 0.0%, 0.4%. The nearest named color is lightskyblue 1.

On this page

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

HEX

#AFE2FE

RGB

175, 226, 254

HSL

201,3, 97,5%, 84,1%

HSV

201,3, 31,1%, 99,6%

CMYK

31,1%, 11,0%, 0,0%, 0,4%

OKLCH

0,8867 0,0652 232,5

Свойства

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

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

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

#AFE2FE

#FECBAF

Аналогичный

#AFFEF3

#AFBAFE

#AFE2FE

Триадный

#AFE2FE

#FEAFE2

#E2FEAF

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

#AFE2FE

#FEAFBA

#FEF3AF

Тетрадный

#AFE2FE

#F3AFFE

#FECBAF

#BAFEAF

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

Оригинал

#AFE2FE

Протанопия

#C5C6F7

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

#C2BEF6

Тританопия

#B2F2F1

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

#D9D9D9

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

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

Оттенки Tailwind

50
#F1F9FE
100
#DEF1FC
200
#B8E5FE
300
#86D3FD
400
#45BBFD
500
#03A4FC
600
#0383C9
700
#0269A1
800
#02527E
900
#063D5B
950
#042639

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

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

1,39:1

AA Fail AAA Fail

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

15,13:1

AA Pass AAA Pass

Сравнить с

#AFE2FE
#FECBAF
#AFE2FE
#FFFFFF
#000000
#AFE2FE

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(175, 226, 254) · HSL(201,3, 97,5%, 84,1%) · CMYK(31,1%, 11,0%, 0,0%, 0,4%)

Does #AFE2FE meet WCAG contrast on white?

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

What text color is readable on #AFE2FE?

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