#12893B

#12893B

カラー値

HEX

#12893B

RGB

18, 137, 59

HSL

140.7, 76.8%, 30.4%

HSV

140.7, 86.9%, 53.7%

CMYK

86.9%, 0.0%, 56.9%, 46.3%

OKLCH

0.5521 0.1513 148.6

プロパティ

寒色 明るい 最も近い： springgreen 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.

カラーハーモニー

補色

#12893B

#891260

類似色

#248912

#128977

#12893B

トライアド

#12893B

#3B1289

#893B12

スプリット補色

#12893B

#771289

#891224

テトラード

#12893B

#122489

#891260

#897712

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

オリジナル

#12893B

第1色覚異常

#46474E

第2色覚異常

#3F3652

第3色覚異常

#185D60

全色盲

#6A6A6A

CSS使用法

background-color: #12893B;
color: #12893B;
border-color: #12893B;
最も近いTailwind： Green 700 #15803D

Tailwindシェード

50
#F2FCF6
100
#E1F9EA
200
#C0F7D3
300
#93F1B3
400
#58E98A
500
#1EE161
600
#18B44E
700
#13903E
800
#0F7131
900
#0F5226
950
#093418

コントラストチェッカー

白背景のテキスト

4.5:1

AA Fail AAA Fail

黒背景のテキスト

4.67:1

AA Pass AAA Fail

比較する

#12893B
#891260
#12893B
#FFFFFF
#000000
#12893B

関連記事

チュートリアル

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 #12893B?

RGB(18, 137, 59) · HSL(140.7, 76.8%, 30.4%) · CMYK(86.9%, 0.0%, 56.9%, 46.3%)

Does #12893B meet WCAG contrast on white?

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

What text color is readable on #12893B?

Use 000000 text on a #12893B background; contrast on black is 4.67:1.