#BC8539

#BC8539

Overview

#BC8539 is a warm, light color. In RGB it is 188, 133, 57, in HSL 34.8°, 53.5%, 48.0%, and in CMYK 0.0%, 29.3%, 69.7%, 26.3%. The nearest named color is peru.

On this page

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

HEX

#BC8539

RGB

188, 133, 57

HSL

34,8, 53,5%, 48,0%

HSV

34,8, 69,7%, 73,7%

CMYK

0,0%, 29,3%, 69,7%, 26,3%

OKLCH

0,6574 0,1137 72,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.

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

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

#BC8539

#3970BC

Аналогичный

#BC4339

#B1BC39

#BC8539

Триадный

#BC8539

#39BC85

#8539BC

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

#BC8539

#39B1BC

#4339BC

Тетрадный

#BC8539

#39BC43

#3970BC

#BC39B1

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

Оригинал

#BC8539

Протанопия

#A4A44B

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

#A7AC50

Тританопия

#B95A5D

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

#8B8B8B

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

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

Оттенки Tailwind

50
#FBF8F4
100
#F5EEE5
200
#EEDEC8
300
#E3C7A1
400
#D3A96E
500
#C48A3B
600
#9D6F2F
700
#7D5926
800
#62451E
900
#483419
950
#2D2110

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

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

3,2:1

AA Fail AAA Fail

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

6,55:1

AA Pass AAA Fail

Сравнить с

#BC8539
#3970BC
#BC8539
#FFFFFF
#000000
#BC8539

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(188, 133, 57) · HSL(34,8, 53,5%, 48,0%) · CMYK(0,0%, 29,3%, 69,7%, 26,3%)

Does #BC8539 meet WCAG contrast on white?

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

What text color is readable on #BC8539?

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