#BA8741

#BA8741

Overview

#BA8741 is a warm, light color. In RGB it is 186, 135, 65, in HSL 34.7°, 48.2%, 49.2%, and in CMYK 0.0%, 27.4%, 65.1%, 27.1%. The nearest named color is peru.

On this page

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

HEX

#BA8741

RGB

186, 135, 65

HSL

34,7, 48,2%, 49,2%

HSV

34,7, 65,1%, 72,9%

CMYK

0,0%, 27,4%, 65,1%, 27,1%

OKLCH

0,6599 0,1069 72,6

Свойства

Тёплый Светлый Ближайший: 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.

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

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

#BA8741

#4174BA

Аналогичный

#BA4A41

#B0BA41

#BA8741

Триадный

#BA8741

#41BA87

#8741BA

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

#BA8741

#41B0BA

#4A41BA

Тетрадный

#BA8741

#41BA4A

#4174BA

#BA41B0

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

Оригинал

#BA8741

Протанопия

#A4A352

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

#A7AB56

Тританопия

#B75F62

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

#8D8D8D

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

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

Оттенки Tailwind

50
#FAF8F4
100
#F4EEE6
200
#EDDECA
300
#DFC6A4
400
#CEA873
500
#BD8942
600
#976E35
700
#79582A
800
#5E4521
900
#45341B
950
#2C2111

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

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

3,17:1

AA Fail AAA Fail

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

6,63:1

AA Pass AAA Fail

Сравнить с

#BA8741
#4174BA
#BA8741
#FFFFFF
#000000
#BA8741

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(186, 135, 65) · HSL(34,7, 48,2%, 49,2%) · CMYK(0,0%, 27,4%, 65,1%, 27,1%)

Does #BA8741 meet WCAG contrast on white?

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

What text color is readable on #BA8741?

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