#BA894B

#BA894B

Overview

#BA894B is a warm, light color. In RGB it is 186, 137, 75, in HSL 33.5°, 44.6%, 51.2%, and in CMYK 0.0%, 26.3%, 59.7%, 27.1%. The nearest named color is peru.

On this page

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

HEX

#BA894B

RGB

186, 137, 75

HSL

33,5, 44,6%, 51,2%

HSV

33,5, 59,7%, 72,9%

CMYK

0,0%, 26,3%, 59,7%, 27,1%

OKLCH

0,6651 0,0993 71,1

Свойства

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

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

True orange embodies enthusiasm, creativity, and adventure. It stimulates mental activity and social interaction, making it a favorite in creative industries. Orange is highly visible and conveys confidence without the aggression of red, bridging warmth and energy.

Design Usage

Medium orange excels in CTAs, pricing highlights, and gamification elements where excitement is desired. Tech companies and SaaS products use it to differentiate from the dominant blue of their competitors. It requires careful contrast checking since mid-range orange can fail WCAG on light backgrounds.

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

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

#BA894B

#4B7CBA

Аналогичный

#BA524B

#B4BA4B

#BA894B

Триадный

#BA894B

#4BBA89

#894BBA

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

#BA894B

#4BB4BA

#524BBA

Тетрадный

#BA894B

#4BBA52

#4B7CBA

#BA4BB4

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

Оригинал

#BA894B

Протанопия

#A5A45A

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

#A8AB5E

Тританопия

#B86668

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

#8F8F8F

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

background-color: #BA894B;
color: #BA894B;
border-color: #BA894B;
Ближайший Tailwind-оттенок: Yellow 700 #A16207

Оттенки Tailwind

50
#FAF8F4
100
#F4EEE6
200
#EBDDCB
300
#DDC5A7
400
#CBA677
500
#B88647
600
#936B39
700
#76562D
800
#5C4323
900
#44331D
950
#2B2012

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

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

3,1:1

AA Fail AAA Fail

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

6,77:1

AA Pass AAA Fail

Сравнить с

#BA894B
#4B7CBA
#BA894B
#FFFFFF
#000000
#BA894B

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(186, 137, 75) · HSL(33,5, 44,6%, 51,2%) · CMYK(0,0%, 26,3%, 59,7%, 27,1%)

Does #BA894B meet WCAG contrast on white?

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

What text color is readable on #BA894B?

Use 000000 text on a #BA894B background; contrast on black is 6,77:1.