#552B14

#552B14

Overview

#552B14 is a warm, dark color. In RGB it is 85, 43, 20, in HSL 21.2°, 61.9%, 20.6%, and in CMYK 0.0%, 49.4%, 76.5%, 66.7%. The nearest named color is RAL 8007 Fawn Brown.

On this page

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

HEX

#552B14

RGB

85, 43, 20

HSL

21,2, 61,9%, 20,6%

HSV

21,2, 76,5%, 33,3%

CMYK

0,0%, 49,4%, 76,5%, 66,7%

OKLCH

0,34 0,071 47,6

Свойства

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

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

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

#552B14

#143E55

Аналогичный

#55141E

#554C14

#552B14

Триадный

#552B14

#14552B

#2B1455

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

#552B14

#14554C

#141E55

Тетрадный

#552B14

#1E5514

#143E55

#4C1455

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

Оригинал

#552B14

Протанопия

#43421A

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

#45481B

Тританопия

#531E1F

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

#323232

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

background-color: #552B14;

color: #552B14;

border-color: #552B14;

Ближайший Tailwind-оттенок: Yellow 950 #422006

Оттенки Tailwind

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

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

12,06:1

AA Pass AAA Pass

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

1,74:1

AA Fail AAA Fail

Сравнить с

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

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

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 #552B14?

RGB(85, 43, 20) · HSL(21,2, 61,9%, 20,6%) · CMYK(0,0%, 49,4%, 76,5%, 66,7%)

Does #552B14 meet WCAG contrast on white?

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

What text color is readable on #552B14?

Use FFFFFF text on a #552B14 background; contrast on black is 1,74:1.