#7C3521

#7C3521

Overview

#7C3521 is a warm, dark color. In RGB it is 124, 53, 33, in HSL 13.2°, 58.0%, 30.8%, and in CMYK 0.0%, 57.3%, 73.4%, 51.4%. The nearest named color is coral 4.

On this page

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

HEX

#7C3521

RGB

124, 53, 33

HSL

13,2, 58,0%, 30,8%

HSV

13,2, 73,4%, 48,6%

CMYK

0,0%, 57,3%, 73,4%, 51,4%

OKLCH

0,4221 0,1042 36,6

Свойства

Тёплый Тёмный Ближайший: coral 4

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

Dark browns like chocolate and espresso project richness, indulgence, and masculine elegance. They carry the warmth of wood-paneled studies and aged leather, evoking comfort and established tradition. These deep tones suggest solidity, dependability, and mature sophistication.

Design Usage

Dark brown excels as a text color alternative to pure black, providing warmth and reducing visual harshness. It suits coffee roasters, chocolate brands, and heritage accessories with a tradition focus. Pair it with cream, gold, or burnt orange for a luxurious, warm-toned design system.

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

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

#7C3521

#21687C

Аналогичный

#7C213A

#7C6321

#7C3521

Триадный

#7C3521

#217C35

#35217C

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

#7C3521

#217C63

#213A7C

Тетрадный

#7C3521

#3A7C21

#21687C

#63217C

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

Оригинал

#7C3521

Протанопия

#5D5D26

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

#616727

Тританопия

#782A2A

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

#434343

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

background-color: #7C3521;
color: #7C3521;
border-color: #7C3521;
Ближайший Tailwind-оттенок: Orange 900 #7C2D12

Оттенки Tailwind

50
#FBF5F4
100
#F6E8E4
200
#F0D0C7
300
#E5AE9E
400
#D7826A
500
#C95636
600
#A1452B
700
#813722
800
#652B1B
900
#4A2217
950
#2F160F

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

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

8,79:1

AA Pass AAA Pass

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

2,39:1

AA Fail AAA Fail

Сравнить с

#7C3521
#21687C
#7C3521
#FFFFFF
#000000
#7C3521

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

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

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

RGB(124, 53, 33) · HSL(13,2, 58,0%, 30,8%) · CMYK(0,0%, 57,3%, 73,4%, 51,4%)

Does #7C3521 meet WCAG contrast on white?

8,79:1 — WCAG AA Соответствует, AAA Соответствует for normal text.

What text color is readable on #7C3521?

Use FFFFFF text on a #7C3521 background; contrast on black is 2,39:1.