#393D20

#393D20

カラー値

HEX

#393D20

RGB

57, 61, 32

HSL

68.3, 31.2%, 18.2%

HSV

68.3, 47.5%, 23.9%

CMYK

6.6%, 0.0%, 47.5%, 76.1%

OKLCH

0.3482 0.0464 115.3

プロパティ

寒色 暗い 最も近い： RAL 6020 Chrome Green

色彩心理学

Dark yellows and golds convey prestige, wisdom, and enduring value. Gold has represented wealth and achievement throughout human history, from pharaonic tombs to Olympic medals. These warm, deep tones suggest quality without the flashiness of brighter yellows.

Design Usage

Dark gold and amber tones suit financial services, premium memberships, and achievement badges. They work as accent text or icon colors against dark backgrounds for a luxurious feel. Pair them with charcoal, deep navy, or rich brown to create sophisticated, high-end interfaces.

カラーハーモニー

補色

#393D20

#24203D

類似色

#3D3220

#2A3D20

#393D20

トライアド

#393D20

#20393D

#3D2039

スプリット補色

#393D20

#202A3D

#32203D

テトラード

#393D20

#203D32

#24203D

#3D202A

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

オリジナル

#393D20

第1色覚異常

#3B3B27

第2色覚異常

#3A3A29

第3色覚異常

#392D2E

全色盲

#3A3A3A

CSS使用法

background-color: #393D20;
color: #393D20;
border-color: #393D20;
最も近いTailwind： Lime 950 #1A2E05

Tailwindシェード

50
#F9F9F5
100
#F1F2E8
200
#E3E6D0
300
#D0D5AF
400
#B6BE83
500
#9CA758
600
#7D8646
700
#646B38
800
#4E542C
900
#3A3E23
950
#252716

コントラストチェッカー

白背景のテキスト

11.28:1

AA Pass AAA Pass

黒背景のテキスト

1.86:1

AA Fail AAA Fail

比較する

#393D20
#24203D
#393D20
#FFFFFF
#000000
#393D20

関連記事

チュートリアル

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 #393D20?

RGB(57, 61, 32) · HSL(68.3, 31.2%, 18.2%) · CMYK(6.6%, 0.0%, 47.5%, 76.1%)

Does #393D20 meet WCAG contrast on white?

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

What text color is readable on #393D20?

Use FFFFFF text on a #393D20 background; contrast on black is 1.86:1.