#3B7321

#3B7321

カラー値

HEX

#3B7321

RGB

59, 115, 33

HSL

101.0, 55.4%, 29.0%

HSV

101.0, 71.3%, 45.1%

CMYK

48.7%, 0.0%, 71.3%, 54.9%

OKLCH

0.499 0.1285 137.4

プロパティ

寒色 暗い 最も近い： RAL 6001 Emerald Green

色彩心理学

Dark greens like forest and hunter green convey wealth, tradition, and prestige. They are associated with old money, ivy-league institutions, and deep woodland environments. These tones express stability and endurance, suggesting something that has stood the test of time.

Design Usage

Dark green excels in banking, insurance, and heritage brand identities where trust is paramount. It creates elegant, authoritative headers and navigation bars that feel established and dependable. Pair it with gold, cream, or light gray for a classic combination that signals reliability and quality.

カラーハーモニー

補色

#3B7321

#592173

類似色

#647321

#217330

#3B7321

トライアド

#3B7321

#213B73

#73213B

スプリット補色

#3B7321

#302173

#732164

テトラード

#3B7321

#216473

#592173

#733021

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

オリジナル

#3B7321

第1色覚異常

#535435

第2色覚異常

#504C3A

第3色覚異常

#3E4548

全色盲

#616161

CSS使用法

background-color: #3B7321;
color: #3B7321;
border-color: #3B7321;
最も近いTailwind： Lime 800 #3F6212

Tailwindシェード

50
#F6FBF4
100
#EAF6E5
200
#D4EFC8
300
#B5E4A0
400
#8DD56C
500
#66C639
600
#519F2D
700
#417F24
800
#33631C
900
#284918
950
#192E0F

コントラストチェッカー

白背景のテキスト

5.74:1

AA Pass AAA Fail

黒背景のテキスト

3.66:1

AA Fail AAA Fail

比較する

#3B7321
#592173
#3B7321
#FFFFFF
#000000
#3B7321

関連記事

チュートリアル

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 #3B7321?

RGB(59, 115, 33) · HSL(101.0, 55.4%, 29.0%) · CMYK(48.7%, 0.0%, 71.3%, 54.9%)

Does #3B7321 meet WCAG contrast on white?

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

What text color is readable on #3B7321?

Use FFFFFF text on a #3B7321 background; contrast on black is 3.66:1.