#B4AFB3

#B4AFB3

Overview

#B4AFB3 is a warm, light color. In RGB it is 180, 175, 179, in HSL 312.0°, 3.2%, 69.6%, and in CMYK 0.0%, 2.8%, 0.6%, 29.4%. The nearest named color is NCS S 3000-N Medium Light Grey.

On this page

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

HEX

#B4AFB3

RGB

180, 175, 179

HSL

312,0, 3,2%, 69,6%

HSV

312,0, 2,8%, 70,6%

CMYK

0,0%, 2,8%, 0,6%, 29,4%

OKLCH

0,7593 0,008 332,2

Свойства

Тёплый Светлый Ближайший: NCS S 3000-N Medium Light Grey

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

Light grays are the quietest, most neutral colors in design, representing clarity, simplicity, and modern minimalism. They create a sense of calm order without drawing emotional attention. Silver tones additionally carry associations with technology, precision, and futuristic innovation.

Design Usage

Light gray is the foundational background color for modern web and mobile interfaces. It defines content boundaries, card surfaces, and secondary backgrounds in virtually every design system. Use it as the canvas that allows accent colors and content to take center stage.

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

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

#B4AFB3

#AFB4B0

Аналогичный

#B2AFB4

#B4AFB0

#B4AFB3

Триадный

#B4AFB3

#B3B4AF

#AFB3B4

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

#B4AFB3

#B0B4AF

#AFB4B2

Тетрадный

#B4AFB3

#B4B2AF

#AFB4B0

#AFB0B4

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

Оригинал

#B4AFB3

Протанопия

#B2B2B2

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

#B2B2B2

Тританопия

#B4B1B1

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

#B0B0B0

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

background-color: #B4AFB3;

color: #B4AFB3;

border-color: #B4AFB3;

Ближайший Tailwind-оттенок: Neutral 400 #A3A3A3

Оттенки Tailwind

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

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

2,16:1

AA Fail AAA Fail

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

9,72:1

AA Pass AAA Pass

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(180, 175, 179) · HSL(312,0, 3,2%, 69,6%) · CMYK(0,0%, 2,8%, 0,6%, 29,4%)

Does #B4AFB3 meet WCAG contrast on white?

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

What text color is readable on #B4AFB3?

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