#AFD0F4

#AFD0F4

Overview

#AFD0F4 is a cool, light color. In RGB it is 175, 208, 244, in HSL 211.3°, 75.8%, 82.2%, and in CMYK 28.3%, 14.8%, 0.0%, 4.3%. The nearest named color is lightsteelblue 2.

On this page

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

HEX

#AFD0F4

RGB

175, 208, 244

HSL

211,3, 75,8%, 82,2%

HSV

211,3, 28,3%, 95,7%

CMYK

28,3%, 14,8%, 0,0%, 4,3%

OKLCH

0,8456 0,0617 250,8

Свойства

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

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

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

#AFD0F4

#F4D3AF

Аналогичный

#AFF3F4

#B1AFF4

#AFD0F4

Триадный

#AFD0F4

#F4AFD0

#D0F4AF

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

#AFD0F4

#F4B1AF

#F3F4AF

Тетрадный

#AFD0F4

#F4AFF3

#F4D3AF

#AFF4B1

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

Оригинал

#AFD0F4

Протанопия

#BDBEEB

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

#BBB9E9

Тританопия

#B1E4E3

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

#CCCCCC

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

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

Оттенки Tailwind

50
#F2F7FC
100
#E2EDF9
200
#C0DAF6
300
#93C0F0
400
#599EE8
500
#1F7BE0
600
#1963B3
700
#144F8F
800
#0F3E70
900
#0F2F52
950
#0A1E33

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

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

1,6:1

AA Fail AAA Fail

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

13,15:1

AA Pass AAA Pass

Сравнить с

#AFD0F4
#F4D3AF
#AFD0F4
#FFFFFF
#000000
#AFD0F4

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(175, 208, 244) · HSL(211,3, 75,8%, 82,2%) · CMYK(28,3%, 14,8%, 0,0%, 4,3%)

Does #AFD0F4 meet WCAG contrast on white?

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

What text color is readable on #AFD0F4?

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