#708521

#708521

カラー値

HEX

#708521

RGB

112, 133, 33

HSL

72.6, 60.2%, 32.5%

HSV

72.6, 75.2%, 52.2%

CMYK

15.8%, 0.0%, 75.2%, 47.8%

OKLCH

0.5806 0.1248 120.9

プロパティ

寒色 明るい 最も近い： olivedrab 4

色彩心理学

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.

カラーハーモニー

補色

#708521

#362185

類似色

#856821

#3E8521

#708521

トライアド

#708521

#217085

#852170

スプリット補色

#708521

#213E85

#682185

テトラード

#708521

#218568

#362185

#85213E

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

オリジナル

#708521

第1色覚異常

#797939

第2色覚異常

#78763F

第3色覚異常

#714C50

全色盲

#797979

CSS使用法

background-color: #708521;
color: #708521;
border-color: #708521;
最も近いTailwind： Lime 700 #4D7C0F

Tailwindシェード

50
#FAFBF3
100
#F2F6E4
200
#E8F1C6
300
#D7E79D
400
#C2D968
500
#ACCC33
600
#8AA329
700
#6E8320
800
#566619
900
#404B16
950
#282F0E

コントラストチェッカー

白背景のテキスト

4.15:1

AA Fail AAA Fail

黒背景のテキスト

5.07:1

AA Pass AAA Fail

比較する

#708521
#362185
#708521
#FFFFFF
#000000
#708521

関連記事

チュートリアル

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

RGB(112, 133, 33) · HSL(72.6, 60.2%, 32.5%) · CMYK(15.8%, 0.0%, 75.2%, 47.8%)

Does #708521 meet WCAG contrast on white?

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

What text color is readable on #708521?

Use 000000 text on a #708521 background; contrast on black is 5.07:1.