#765318

#765318

カラー値

HEX

#765318

RGB

118, 83, 24

HSL

37.7, 66.2%, 27.8%

HSV

37.7, 79.7%, 46.3%

CMYK

0.0%, 29.7%, 79.7%, 53.7%

OKLCH

0.469 0.0865 76.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.

カラーハーモニー

補色

#765318

#183B76

類似色

#762418

#6A7618

#765318

トライアド

#765318

#187653

#531876

スプリット補色

#765318

#186A76

#241876

テトラード

#765318

#187624

#183B76

#76186A

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

オリジナル

#765318

第1色覚異常

#676726

第2色覚異常

#696C2A

第3色覚異常

#743234

全色盲

#565656

CSS使用法

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

Tailwindシェード

50
#FCF8F3
100
#F7F0E3
200
#F3E1C4
300
#EACC99
400
#DFB162
500
#D4952B
600
#AA7722
700
#885F1C
800
#6A4B16
900
#4D3814
950
#31230C

コントラストチェッカー

白背景のテキスト

6.95:1

AA Pass AAA Fail

黒背景のテキスト

3.02:1

AA Fail AAA Fail

比較する

#765318
#183B76
#765318
#FFFFFF
#000000
#765318

関連記事

チュートリアル

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 #765318?

RGB(118, 83, 24) · HSL(37.7, 66.2%, 27.8%) · CMYK(0.0%, 29.7%, 79.7%, 53.7%)

Does #765318 meet WCAG contrast on white?

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

What text color is readable on #765318?

Use FFFFFF text on a #765318 background; contrast on black is 3.02:1.