#554C36

#554C36

Overview

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

On this page

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

HEX

#554C36

RGB

85, 76, 54

HSL

42,6, 22,3%, 27,3%

HSV

42,6, 36,5%, 33,3%

CMYK

0,0%, 10,6%, 36,5%, 66,7%

OKLCH

0,4192 0,0362 88,3

Свойства

Тёплый Тёмный Ближайший: 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.

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

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

#554C36

#363F55

Аналогичный

#553D36

#4F5536

#554C36

Триадный

#554C36

#36554C

#4C3655

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

#554C36

#364F55

#3D3655

Тетрадный

#554C36

#36553D

#363F55

#55364F

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

Оригинал

#554C36

Протанопия

#51513B

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

#52523D

Тританопия

#554040

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

#4C4C4C

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

background-color: #554C36;

color: #554C36;

border-color: #554C36;

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

Оттенки Tailwind

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

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

8,49:1

AA Pass AAA Pass

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

2,47: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 #554C36?

RGB(85, 76, 54) · HSL(42,6, 22,3%, 27,3%) · CMYK(0,0%, 10,6%, 36,5%, 66,7%)

Does #554C36 meet WCAG contrast on white?

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

What text color is readable on #554C36?

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