#7F4D21

#7F4D21

颜色值

HEX

#7F4D21

RGB

127, 77, 33

HSL

28.1, 58.8%, 31.4%

HSV

28.1, 74.0%, 49.8%

CMYK

0.0%, 39.4%, 74.0%, 50.2%

OKLCH

0.4694 0.0892 59.1

属性

暖色 深色 最接近： tan 4

色彩心理学

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.

配色方案

互补色

#7F4D21

#21537F

类似色

#7F2124

#7F7C21

#7F4D21

三角配色

#7F4D21

#217F4D

#4D217F

分裂互补色

#7F4D21

#217F7C

#21247F

四角配色

#7F4D21

#247F21

#21537F

#7C217F

色觉模拟

原始

#7F4D21

红色盲

#69692C

绿色盲

#6C702E

蓝色盲

#7C3436

全色盲

#545454

CSS 用法

background-color: #7F4D21;
color: #7F4D21;
border-color: #7F4D21;
最接近的 Tailwind： Yellow 900 #713F12

Tailwind 色阶

50
#FBF7F4
100
#F6EDE4
200
#F0DAC6
300
#E6C09E
400
#D89D69
500
#CA7B35
600
#A2622A
700
#824F22
800
#653D1A
900
#4A2F17
950
#2F1E0E

对比度检查器

白底文字

7.03:1

AA Pass AAA Pass

黑底文字

2.99:1

AA Fail AAA Fail

与之比较

#7F4D21
#21537F
#7F4D21
#FFFFFF
#000000
#7F4D21

相关文章

教程

CSS color-mix()：在浏览器中原生混合颜色

一月 26, 2026
教程

从零开始构建颜色选择器 Web Component

一月 21, 2026
教程

感知色彩空间：Lab、LCH、Oklab、OKLCH

一月 15, 2026

常见问题

What are the RGB, HSL, and CMYK values of #7F4D21?

RGB(127, 77, 33) · HSL(28.1, 58.8%, 31.4%) · CMYK(0.0%, 39.4%, 74.0%, 50.2%)

Does #7F4D21 meet WCAG contrast on white?

7.03:1 — WCAG AA 通过, AAA 通过 for normal text.

What text color is readable on #7F4D21?

Use FFFFFF text on a #7F4D21 background; contrast on black is 2.99:1.