#BAAD9C

#BAAD9C

Overview

#BAAD9C is a warm, light color. In RGB it is 186, 173, 156, in HSL 34.0°, 17.9%, 67.1%, and in CMYK 0.0%, 7.0%, 16.1%, 27.1%. The nearest named color is bisque 3.

On this page

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

HEX

#BAAD9C

RGB

186, 173, 156

HSL

34,0, 17,9%, 67,1%

HSV

34,0, 16,1%, 72,9%

CMYK

0,0%, 7,0%, 16,1%, 27,1%

OKLCH

0,7539 0,0281 74,7

Свойства

Тёплый Светлый Ближайший: bisque 3

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

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.

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

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

#BAAD9C

#9CA9BA

Аналогичный

#BA9E9C

#B8BA9C

#BAAD9C

Триадный

#BAAD9C

#9CBAAD

#AD9CBA

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

#BAAD9C

#9CB8BA

#9E9CBA

Тетрадный

#BAAD9C

#9CBA9E

#9CA9BA

#BA9CB8

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

Оригинал

#BAAD9C

Протанопия

#B4B4A0

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

#B5B6A1

Тританопия

#B9A3A4

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

#AFAFAF

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

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

Оттенки Tailwind

50
#F9F8F6
100
#F0EEEA
200
#E2DCD5
300
#CDC3B7
400
#B2A390
500
#968369
600
#786854
700
#605443
800
#4B4134
900
#383129
950
#241F1A

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

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

2,2:1

AA Fail AAA Fail

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

9,55:1

AA Pass AAA Pass

Сравнить с

#BAAD9C
#9CA9BA
#BAAD9C
#FFFFFF
#000000
#BAAD9C

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(186, 173, 156) · HSL(34,0, 17,9%, 67,1%) · CMYK(0,0%, 7,0%, 16,1%, 27,1%)

Does #BAAD9C meet WCAG contrast on white?

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

What text color is readable on #BAAD9C?

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