#AFD1FB

#AFD1FB

Overview

#AFD1FB is a cool, light color. In RGB it is 175, 209, 251, in HSL 213.2°, 90.5%, 83.5%, and in CMYK 30.3%, 16.7%, 0.0%, 1.6%. The nearest named color is lightsteelblue 2.

On this page

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

HEX

#AFD1FB

RGB

175, 209, 251

HSL

213,2, 90,5%, 83,5%

HSV

213,2, 30,3%, 98,4%

CMYK

30,3%, 16,7%, 0,0%, 1,6%

OKLCH

0,8503 0,0693 253,9

Свойства

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

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

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.

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

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

#AFD1FB

#FBD9AF

Аналогичный

#AFF7FB

#B3AFFB

#AFD1FB

Триадный

#AFD1FB

#FBAFD1

#D1FBAF

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

#AFD1FB

#FBB3AF

#F7FBAF

Тетрадный

#AFD1FB

#FBAFF7

#FBD9AF

#AFFBB3

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

Оригинал

#AFD1FB

Протанопия

#BEBEF1

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

#BCB9EE

Тританопия

#B1E9E7

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

#CDCDCD

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

background-color: #AFD1FB;
color: #AFD1FB;
border-color: #AFD1FB;
Ближайший Tailwind-оттенок: Blue 200 #BFDBFE

Оттенки Tailwind

50
#F1F7FD
100
#DFECFB
200
#BBD8FC
300
#8ABCF9
400
#4B98F6
500
#0C73F3
600
#0A5CC2
700
#084A9B
800
#063A79
900
#092C58
950
#061C38

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

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

1,57:1

AA Fail AAA Fail

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

13,34:1

AA Pass AAA Pass

Сравнить с

#AFD1FB
#FBD9AF
#AFD1FB
#FFFFFF
#000000
#AFD1FB

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(175, 209, 251) · HSL(213,2, 90,5%, 83,5%) · CMYK(30,3%, 16,7%, 0,0%, 1,6%)

Does #AFD1FB meet WCAG contrast on white?

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

What text color is readable on #AFD1FB?

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