#554D36

#554D36

Overview

#554D36 is a warm, dark color. In RGB it is 85, 77, 54, in HSL 44.5°, 22.3%, 27.3%, and in CMYK 0.0%, 9.4%, 36.5%, 66.7%. The nearest named color is RAL 7013 Brown Grey.

On this page

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

HEX

#554D36

RGB

85, 77, 54

HSL

44,5, 22,3%, 27,3%

HSV

44,5, 36,5%, 33,3%

CMYK

0,0%, 9,4%, 36,5%, 66,7%

OKLCH

0,4216 0,0372 91,1

Свойства

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

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

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.

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

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

#554D36

#363E55

Аналогичный

#553E36

#4E5536

#554D36

Триадный

#554D36

#36554D

#4D3655

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

#554D36

#364E55

#3E3655

Тетрадный

#554D36

#36553E

#363E55

#55364E

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

Оригинал

#554D36

Протанопия

#52513C

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

#52533D

Тританопия

#554041

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

#4D4D4D

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

background-color: #554D36;

color: #554D36;

border-color: #554D36;

Ближайший Tailwind-оттенок: Stone 600 #57534E

Оттенки Tailwind

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

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

8,4:1

AA Pass AAA Pass

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

2,5:1

AA Fail AAA Fail

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(85, 77, 54) · HSL(44,5, 22,3%, 27,3%) · CMYK(0,0%, 9,4%, 36,5%, 66,7%)

Does #554D36 meet WCAG contrast on white?

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

What text color is readable on #554D36?

Use FFFFFF text on a #554D36 background; contrast on black is 2,5:1.