#663A21

#663A21

Overview

#663A21 is a warm, dark color. In RGB it is 102, 58, 33, in HSL 21.7°, 51.1%, 26.5%, and in CMYK 0.0%, 43.1%, 67.6%, 60.0%. The nearest named color is RAL 8002 Signal Brown.

On this page

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

HEX

#663A21

RGB

102, 58, 33

HSL

21,7, 51,1%, 26,5%

HSV

21,7, 67,6%, 40,0%

CMYK

0,0%, 43,1%, 67,6%, 60,0%

OKLCH

0,3969 0,0728 49,2

Свойства

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

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

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

#663A21

#214D66

Аналогичный

#66212B

#665D21

#663A21

Триадный

#663A21

#21663A

#3A2166

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

#663A21

#21665D

#212B66

Тетрадный

#663A21

#2B6621

#214D66

#5D2166

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

Оригинал

#663A21

Протанопия

#535327

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

#565928

Тританопия

#642C2D

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

#424242

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

background-color: #663A21;
color: #663A21;
border-color: #663A21;
Ближайший Tailwind-оттенок: Yellow 900 #713F12

Оттенки Tailwind

50
#FBF6F4
100
#F5EBE5
200
#EED6C9
300
#E1B9A3
400
#D19370
500
#C16D3E
600
#9A5832
700
#7B4628
800
#60371F
900
#472A1A
950
#2D1B11

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

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

9,58:1

AA Pass AAA Pass

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

2,19:1

AA Fail AAA Fail

Сравнить с

#663A21
#214D66
#663A21
#FFFFFF
#000000
#663A21

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(102, 58, 33) · HSL(21,7, 51,1%, 26,5%) · CMYK(0,0%, 43,1%, 67,6%, 60,0%)

Does #663A21 meet WCAG contrast on white?

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

What text color is readable on #663A21?

Use FFFFFF text on a #663A21 background; contrast on black is 2,19:1.