#8C7421

#8C7421

カラー値

HEX

#8C7421

RGB

140, 116, 33

HSL

46.5, 61.8%, 33.9%

HSV

46.5, 76.4%, 54.9%

CMYK

0.0%, 17.1%, 76.4%, 45.1%

OKLCH

0.5667 0.1028 92.2

プロパティ

暖色 明るい 最も近い： goldenrod 4

色彩心理学

Pure yellow is the most luminous color in the spectrum, instantly associated with sunshine, optimism, and alertness. It stimulates the nervous system and enhances concentration, which is why it appears on school buses and warning signs. Yellow demands attention faster than any other color.

Design Usage

Medium yellow is powerful for attention badges, star ratings, and highlight accents in otherwise neutral interfaces. It is one of the hardest colors to use as a primary brand color because of contrast limitations against white. Dark text on yellow achieves strong readability, making it effective for caution banners.

カラーハーモニー

補色

#8C7421

#21398C

類似色

#8C3E21

#6E8C21

#8C7421

トライアド

#8C7421

#218C74

#74218C

スプリット補色

#8C7421

#216E8C

#3E218C

テトラード

#8C7421

#218C3E

#21398C

#8C216E

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

オリジナル

#8C7421

第1色覚異常

#828135

第2色覚異常

#83853A

第3色覚異常

#8B4548

全色盲

#737373

CSS使用法

background-color: #8C7421;
color: #8C7421;
border-color: #8C7421;
最も近いTailwind： Yellow 700 #A16207

Tailwindシェード

50
#FBFAF3
100
#F7F2E4
200
#F1E7C5
300
#E8D79C
400
#DBC166
500
#CEAB31
600
#A58927
700
#846D1F
800
#675518
900
#4B3F16
950
#30280E

コントラストチェッカー

白背景のテキスト

4.53:1

AA Pass AAA Fail

黒背景のテキスト

4.64:1

AA Pass AAA Fail

比較する

#8C7421
#21398C
#8C7421
#FFFFFF
#000000
#8C7421

関連記事

チュートリアル

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 #8C7421?

RGB(140, 116, 33) · HSL(46.5, 61.8%, 33.9%) · CMYK(0.0%, 17.1%, 76.4%, 45.1%)

Does #8C7421 meet WCAG contrast on white?

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

What text color is readable on #8C7421?

Use 000000 text on a #8C7421 background; contrast on black is 4.64:1.