#3A6321

#3A6321

カラー値

HEX

#3A6321

RGB

58, 99, 33

HSL

97.3, 50.0%, 25.9%

HSV

97.3, 66.7%, 38.8%

CMYK

41.4%, 0.0%, 66.7%, 61.2%

OKLCH

0.4539 0.1062 135.5

プロパティ

寒色 暗い 最も近い： RAL 6010 Grass 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.

カラーハーモニー

補色

#3A6321

#4A2163

類似色

#5B6321

#216329

#3A6321

トライアド

#3A6321

#213A63

#63213A

スプリット補色

#3A6321

#292163

#63215B

テトラード

#3A6321

#215B63

#4A2163

#632921

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

オリジナル

#3A6321

第1色覚異常

#4C4C31

第2色覚異常

#494635

第3色覚異常

#3C3E40

全色盲

#565656

CSS使用法

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

Tailwindシェード

50
#F7FBF4
100
#EBF5E6
200
#D7EDC9
300
#BAE0A3
400
#95D071
500
#70BF40
600
#5A9933
700
#487A29
800
#386020
900
#2B461B
950
#1B2C11

コントラストチェッカー

白背景のテキスト

7.03:1

AA Pass AAA Pass

黒背景のテキスト

2.99:1

AA Fail AAA Fail

比較する

#3A6321
#4A2163
#3A6321
#FFFFFF
#000000
#3A6321

関連記事

チュートリアル

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

RGB(58, 99, 33) · HSL(97.3, 50.0%, 25.9%) · CMYK(41.4%, 0.0%, 66.7%, 61.2%)

Does #3A6321 meet WCAG contrast on white?

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

What text color is readable on #3A6321?

Use FFFFFF text on a #3A6321 background; contrast on black is 2.99:1.