#533A21

#533A21

Overview

#533A21 is a warm, dark color. In RGB it is 83, 58, 33, in HSL 30.0°, 43.1%, 22.7%, and in CMYK 0.0%, 30.1%, 60.2%, 67.5%. The nearest named color is RAL 8011 Nut Brown.

On this page

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

HEX

#533A21

RGB

83, 58, 33

HSL

30,0, 43,1%, 22,7%

HSV

30,0, 60,2%, 32,5%

CMYK

0,0%, 30,1%, 60,2%, 67,5%

OKLCH

0,3707 0,0521 65,0

Свойства

Тёплый Тёмный Ближайший: RAL 8011 Nut Brown

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

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.

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

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

#533A21

#213A53

Аналогичный

#532121

#535321

#533A21

Триадный

#533A21

#21533A

#3A2153

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

#533A21

#215353

#212153

Тетрадный

#533A21

#215321

#213A53

#532153

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

Оригинал

#533A21

Протанопия

#484827

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

#4A4C28

Тританопия

#522C2D

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

#3E3E3E

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

background-color: #533A21;
color: #533A21;
border-color: #533A21;
Ближайший Tailwind-оттенок: Yellow 950 #422006

Оттенки Tailwind

50
#FAF7F5
100
#F4EDE7
200
#EBDBCC
300
#DCC2A7
400
#C9A178
500
#B68049
600
#92663A
700
#75522E
800
#5B4024
900
#43301E
950
#2A1F13

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

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

10,53:1

AA Pass AAA Pass

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

1,99:1

AA Fail AAA Fail

Сравнить с

#533A21
#213A53
#533A21
#FFFFFF
#000000
#533A21

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(83, 58, 33) · HSL(30,0, 43,1%, 22,7%) · CMYK(0,0%, 30,1%, 60,2%, 67,5%)

Does #533A21 meet WCAG contrast on white?

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

What text color is readable on #533A21?

Use FFFFFF text on a #533A21 background; contrast on black is 1,99:1.