#864D21

#864D21

カラー値

HEX

#864D21

RGB

134, 77, 33

HSL

26.1, 60.5%, 32.7%

HSV

26.1, 75.4%, 52.5%

CMYK

0.0%, 42.5%, 75.4%, 47.5%

OKLCH

0.4791 0.0961 55.3

プロパティ

暖色 暗い 最も近い： 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.

カラーハーモニー

補色

#864D21

#215A86

類似色

#862127

#867F21

#864D21

トライアド

#864D21

#21864D

#4D2186

スプリット補色

#864D21

#21867F

#212786

テトラード

#864D21

#278621

#215A86

#7F2186

色覚異常シミュレーション

オリジナル

#864D21

第1色覚異常

#6D6D2C

第2色覚異常

#71752E

第3色覚異常

#833436

全色盲

#565656

CSS使用法

background-color: #864D21;
color: #864D21;
border-color: #864D21;
最も近いTailwind： Yellow 900 #713F12

Tailwindシェード

50
#FBF7F3
100
#F6ECE4
200
#F1D8C6
300
#E7BD9D
400
#DA9968
500
#CD7532
600
#A45E28
700
#834B20
800
#663B19
900
#4B2D16
950
#2F1C0E

コントラストチェッカー

白背景のテキスト

6.78:1

AA Pass AAA Fail

黒背景のテキスト

3.1:1

AA Fail AAA Fail

比較する

#864D21
#215A86
#864D21
#FFFFFF
#000000
#864D21

関連記事

チュートリアル

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

1月 26, 2026
チュートリアル

カラーピッカーWebコンポーネントをゼロから構築する

1月 21, 2026
チュートリアル

知覚的色空間：Lab、LCH、Oklab、OKLCH

1月 15, 2026

よくある質問

What are the RGB, HSL, and CMYK values of #864D21?

RGB(134, 77, 33) · HSL(26.1, 60.5%, 32.7%) · CMYK(0.0%, 42.5%, 75.4%, 47.5%)

Does #864D21 meet WCAG contrast on white?

6.78:1 — WCAG AA 合格, AAA 不合格 for normal text.

What text color is readable on #864D21?

Use FFFFFF text on a #864D21 background; contrast on black is 3.1:1.