#B7B2AB

#B7B2AB

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

HEX

#B7B2AB

RGB

183, 178, 171

HSL

35,0, 7,7%, 69,4%

HSV

35,0, 6,6%, 71,8%

CMYK

0,0%, 2,7%, 6,6%, 28,2%

OKLCH

0,7657 0,0114 76,6

Свойства

Тёплый Светлый Ближайший: RAL 7038 Agate Grey

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

Light oranges like peach and apricot radiate friendliness, comfort, and gentle optimism. They are psychologically soothing and feel approachable without being overly stimulating. These tones often appear in hospitality and food branding to suggest warmth and welcome.

Design Usage

Soft oranges make excellent card backgrounds and notification banners that need attention without alarm. They are popular in onboarding flows and empty-state illustrations to create a welcoming atmosphere. Pair them with slate gray text and white surfaces for a clean, modern look.

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

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

#B7B2AB

#ABB0B7

Аналогичный

#B7ACAB

#B6B7AB

#B7B2AB

Триадный

#B7B2AB

#ABB7B2

#B2ABB7

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

#B7B2AB

#ABB6B7

#ACABB7

Тетрадный

#B7B2AB

#ABB7AC

#ABB0B7

#B7ABB6

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

Оригинал

#B7B2AB

Протанопия

#B5B5AD

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

#B5B6AD

Тританопия

#B7AEAE

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

#B3B3B3

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

background-color: #B7B2AB;
color: #B7B2AB;
border-color: #B7B2AB;
Ближайший Tailwind-оттенок: Stone 400 #A8A29E

Оттенки Tailwind

50
#F8F7F7
100
#EEEDEC
200
#DEDCD9
300
#C7C3BD
400
#A8A299
500
#898176
600
#6E675E
700
#58534B
800
#45413B
900
#34312D
950
#211F1C

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

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

2,11:1

AA Fail AAA Fail

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

9,97:1

AA Pass AAA Pass

Сравнить с

#B7B2AB
#ABB0B7
#B7B2AB
#FFFFFF
#000000
#B7B2AB

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(183, 178, 171) · HSL(35,0, 7,7%, 69,4%) · CMYK(0,0%, 2,7%, 6,6%, 28,2%)

Does #B7B2AB meet WCAG contrast on white?

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

What text color is readable on #B7B2AB?

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