#BA472D

#BA472D

Overview

#BA472D is a warm, dark color. In RGB it is 186, 71, 45, in HSL 11.1°, 61.0%, 45.3%, and in CMYK 0.0%, 61.8%, 75.8%, 27.1%. The nearest named color is tomato 3.

On this page

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

HEX

#BA472D

RGB

186, 71, 45

HSL

11,1, 61,0%, 45,3%

HSV

11,1, 75,8%, 72,9%

CMYK

0,0%, 61,8%, 75,8%, 27,1%

OKLCH

0,55 0,1543 34,2

Свойства

Тёплый Тёмный Ближайший: tomato 3

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

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.

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

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

#BA472D

#2DA0BA

Аналогичный

#BA2D59

#BA8E2D

#BA472D

Триадный

#BA472D

#2DBA47

#472DBA

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

#BA472D

#2DBA8E

#2D59BA

Тетрадный

#BA472D

#59BA2D

#2DA0BA

#8E2DBA

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

Оригинал

#BA472D

Протанопия

#888733

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

#8F9835

Тританопия

#B43839

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

#5E5E5E

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

background-color: #BA472D;
color: #BA472D;
border-color: #BA472D;
Ближайший Tailwind-оттенок: Orange 800 #9A3412

Оттенки Tailwind

50
#FBF5F3
100
#F6E7E4
200
#F1CEC6
300
#E7AA9C
400
#DA7C67
500
#CD4F32
600
#A43F28
700
#833220
800
#672719
900
#4B2016
950
#2F140E

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

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

5,21:1

AA Pass AAA Fail

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

4,03:1

AA Fail AAA Fail

Сравнить с

#BA472D
#2DA0BA
#BA472D
#FFFFFF
#000000
#BA472D

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026
Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026

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

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

RGB(186, 71, 45) · HSL(11,1, 61,0%, 45,3%) · CMYK(0,0%, 61,8%, 75,8%, 27,1%)

Does #BA472D meet WCAG contrast on white?

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

What text color is readable on #BA472D?

Use FFFFFF text on a #BA472D background; contrast on black is 4,03:1.