#554C43

#554C43

Overview

#554C43 is a warm, dark color. In RGB it is 85, 76, 67, in HSL 30.0°, 11.8%, 29.8%, and in CMYK 0.0%, 10.6%, 21.2%, 66.7%. The nearest named color is RAL 7010 Tarpaulin Grey.

On this page

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

HEX

#554C43

RGB

85, 76, 67

HSL

30,0, 11,8%, 29,8%

HSV

30,0, 21,2%, 33,3%

CMYK

0,0%, 10,6%, 21,2%, 66,7%

OKLCH

0,4226 0,0189 67,3

Свойства

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

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

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

#554C43

#434C55

Аналогичный

#554343

#555543

#554C43

Триадный

#554C43

#43554C

#4C4355

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

#554C43

#435555

#434355

Тетрадный

#554C43

#435543

#434C55

#554355

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

Оригинал

#554C43

Протанопия

#515145

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

#525246

Тританопия

#554747

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

#4D4D4D

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

background-color: #554C43;

color: #554C43;

border-color: #554C43;

Ближайший 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 #554C43?

RGB(85, 76, 67) · HSL(30,0, 11,8%, 29,8%) · CMYK(0,0%, 10,6%, 21,2%, 66,7%)

Does #554C43 meet WCAG contrast on white?

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

What text color is readable on #554C43?

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