#89331F

#89331F

カラー値

HEX

#89331F

RGB

137, 51, 31

HSL

11.3, 63.1%, 32.9%

HSV

11.3, 77.4%, 53.7%

CMYK

0.0%, 62.8%, 77.4%, 46.3%

OKLCH

0.4405 0.1223 34.5

プロパティ

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

カラーハーモニー

補色

#89331F

#1F7589

類似色

#891F40

#89681F

#89331F

トライアド

#89331F

#1F8933

#331F89

スプリット補色

#89331F

#1F8968

#1F4089

テトラード

#89331F

#40891F

#1F7589

#681F89

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

オリジナル

#89331F

第1色覚異常

#646324

第2色覚異常

#696F25

第3色覚異常

#852828

全色盲

#444444

CSS使用法

background-color: #89331F;
color: #89331F;
border-color: #89331F;
最も近いTailwind： Orange 900 #7C2D12

Tailwindシェード

50
#FBF5F3
100
#F7E7E4
200
#F2CDC5
300
#E8AA9B
400
#DC7C65
500
#D04D2F
600
#A63E26
700
#85321E
800
#682718
900
#4C1F15
950
#30140D

コントラストチェッカー

白背景のテキスト

8.21:1

AA Pass AAA Pass

黒背景のテキスト

2.56:1

AA Fail AAA Fail

比較する

#89331F
#1F7589
#89331F
#FFFFFF
#000000
#89331F

関連記事

チュートリアル

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 #89331F?

RGB(137, 51, 31) · HSL(11.3, 63.1%, 32.9%) · CMYK(0.0%, 62.8%, 77.4%, 46.3%)

Does #89331F meet WCAG contrast on white?

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

What text color is readable on #89331F?

Use FFFFFF text on a #89331F background; contrast on black is 2.56:1.