#89331B

#89331B

カラー値

HEX

#89331B

RGB

137, 51, 27

HSL

13.1, 67.1%, 32.2%

HSV

13.1, 80.3%, 53.7%

CMYK

0.0%, 62.8%, 80.3%, 46.3%

OKLCH

0.4401 0.1233 36.2

プロパティ

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

カラーハーモニー

補色

#89331B

#1B7189

類似色

#891B3A

#896A1B

#89331B

トライアド

#89331B

#1B8933

#331B89

スプリット補色

#89331B

#1B896A

#1B3A89

テトラード

#89331B

#3A891B

#1B7189

#6A1B89

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

オリジナル

#89331B

第1色覚異常

#646321

第2色覚異常

#696F22

第3色覚異常

#852526

全色盲

#444444

CSS使用法

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

Tailwindシェード

50
#FCF5F3
100
#F7E7E3
200
#F3CEC3
300
#EBAB99
400
#E07D61
500
#D54F2A
600
#AA3F22
700
#88331B
800
#6B2815
900
#4E2013
950
#31140C

コントラストチェッカー

白背景のテキスト

8.23:1

AA Pass AAA Pass

黒背景のテキスト

2.55:1

AA Fail AAA Fail

比較する

#89331B
#1B7189
#89331B
#FFFFFF
#000000
#89331B

関連記事

チュートリアル

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

RGB(137, 51, 27) · HSL(13.1, 67.1%, 32.2%) · CMYK(0.0%, 62.8%, 80.3%, 46.3%)

Does #89331B meet WCAG contrast on white?

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

What text color is readable on #89331B?

Use FFFFFF text on a #89331B background; contrast on black is 2.55:1.