#BA381D

#BA381D

Overview

#BA381D is a warm, dark color. In RGB it is 186, 56, 29, in HSL 10.3°, 73.0%, 42.2%, and in CMYK 0.0%, 69.9%, 84.4%, 27.1%. The nearest named color is RAL 2001 Red Orange.

On this page

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

HEX

#BA381D

RGB

186, 56, 29

HSL

10,3, 73,0%, 42,2%

HSV

10,3, 84,4%, 72,9%

CMYK

0,0%, 69,9%, 84,4%, 27,1%

OKLCH

0,5306 0,1711 33,4

Свойства

Тёплый Тёмный Ближайший: RAL 2001 Red Orange

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

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.

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

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

#BA381D

#1D9FBA

Аналогичный

#BA1D51

#BA871D

#BA381D

Триадный

#BA381D

#1DBA38

#381DBA

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

#BA381D

#1DBA87

#1D51BA

Тетрадный

#BA381D

#51BA1D

#1D9FBA

#871DBA

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

Оригинал

#BA381D

Протанопия

#828124

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

#899325

Тританопия

#B4292A

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

#525252

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

background-color: #BA381D;
color: #BA381D;
border-color: #BA381D;
Ближайший Tailwind-оттенок: Red 700 #B91C1C

Оттенки Tailwind

50
#FCF4F3
100
#F8E6E2
200
#F5CAC1
300
#EEA495
400
#E6735C
500
#DD4222
600
#B0351C
700
#8D2A16
800
#6E2111
900
#501C11
950
#33110A

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

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

5,72:1

AA Pass AAA Fail

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

3,67:1

AA Fail AAA Fail

Сравнить с

#BA381D
#1D9FBA
#BA381D
#FFFFFF
#000000
#BA381D

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

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

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 #BA381D?

RGB(186, 56, 29) · HSL(10,3, 73,0%, 42,2%) · CMYK(0,0%, 69,9%, 84,4%, 27,1%)

Does #BA381D meet WCAG contrast on white?

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

What text color is readable on #BA381D?

Use FFFFFF text on a #BA381D background; contrast on black is 3,67:1.