#AFB2B8

#AFB2B8

Overview

#AFB2B8 is a cool, light color. In RGB it is 175, 178, 184, in HSL 220.0°, 6.0%, 70.4%, and in CMYK 4.9%, 3.3%, 0.0%, 27.8%. The nearest named color is NCS S 3000-N Medium Light Grey.

On this page

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

HEX

#AFB2B8

RGB

175, 178, 184

HSL

220,0, 6,0%, 70,4%

HSV

220,0, 4,9%, 72,2%

CMYK

4,9%, 3,3%, 0,0%, 27,8%

OKLCH

0,763 0,0092 264,5

Свойства

Холодный Светлый Ближайший: NCS S 3000-N Medium Light Grey

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

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.

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

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

#AFB2B8

#B8B5AF

Аналогичный

#AFB7B8

#B1AFB8

#AFB2B8

Триадный

#AFB2B8

#B8AFB2

#B2B8AF

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

#AFB2B8

#B8B1AF

#B7B8AF

Тетрадный

#AFB2B8

#B8AFB7

#B8B5AF

#AFB8B1

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

Оригинал

#AFB2B8

Протанопия

#B0B0B7

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

#B0B0B6

Тританопия

#AFB5B5

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

#B2B2B2

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

background-color: #AFB2B8;
color: #AFB2B8;
border-color: #AFB2B8;
Ближайший Tailwind-оттенок: Zinc 400 #A1A1AA

Оттенки Tailwind

50
#F7F7F8
100
#ECEDEE
200
#D9DBDD
300
#BEC1C5
400
#9B9FA6
500
#787D87
600
#60646C
700
#4D5056
800
#3C3E44
900
#2E3033
950
#1D1E20

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

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

2,12:1

AA Fail AAA Fail

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

9,88:1

AA Pass AAA Pass

Сравнить с

#AFB2B8
#B8B5AF
#AFB2B8
#FFFFFF
#000000
#AFB2B8

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(175, 178, 184) · HSL(220,0, 6,0%, 70,4%) · CMYK(4,9%, 3,3%, 0,0%, 27,8%)

Does #AFB2B8 meet WCAG contrast on white?

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

What text color is readable on #AFB2B8?

Use 000000 text on a #AFB2B8 background; contrast on black is 9,88:1.