#88511B

#88511B

カラー値

HEX

#88511B

RGB

136, 81, 27

HSL

29.7, 66.9%, 32.0%

HSV

29.7, 80.1%, 53.3%

CMYK

0.0%, 40.4%, 80.1%, 46.7%

OKLCH

0.4889 0.0992 60.7

プロパティ

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

カラーハーモニー

補色

#88511B

#1B5288

類似色

#881B1C

#88881B

#88511B

トライアド

#88511B

#1B8851

#511B88

スプリット補色

#88511B

#1B8888

#1B1C88

テトラード

#88511B

#1C881B

#1B5288

#881B88

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

オリジナル

#88511B

第1色覚異常

#707028

第2色覚異常

#73772B

第3色覚異常

#853235

全色盲

#595959

CSS使用法

background-color: #88511B;
color: #88511B;
border-color: #88511B;
最も近いTailwind： Yellow 800 #854D0E

Tailwindシェード

50
#FCF7F3
100
#F7EDE3
200
#F3DBC3
300
#EBC199
400
#E0A062
500
#D57F2A
600
#AA6522
700
#88511B
800
#6A3F15
900
#4E3013
950
#311E0C

コントラストチェッカー

白背景のテキスト

6.48:1

AA Pass AAA Fail

黒背景のテキスト

3.24:1

AA Fail AAA Fail

比較する

#88511B
#1B5288
#88511B
#FFFFFF
#000000
#88511B

関連記事

チュートリアル

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

RGB(136, 81, 27) · HSL(29.7, 66.9%, 32.0%) · CMYK(0.0%, 40.4%, 80.1%, 46.7%)

Does #88511B meet WCAG contrast on white?

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

What text color is readable on #88511B?

Use FFFFFF text on a #88511B background; contrast on black is 3.24:1.