#112C17

#112C17

カラー値

HEX

#112C17

RGB

17, 44, 23

HSL

133.3, 44.3%, 12.0%

HSV

133.3, 61.4%, 17.3%

CMYK

61.4%, 0.0%, 47.7%, 82.7%

OKLCH

0.2651 0.0511 149.1

プロパティ

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

カラーハーモニー

補色

#112C17

#2C1126

類似色

#192C11

#112C25

#112C17

トライアド

#112C17

#17112C

#2C1711

スプリット補色

#112C17

#25112C

#2C1119

テトラード

#112C17

#11192C

#2C1126

#2C2511

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

オリジナル

#112C17

第1色覚異常

#1D1D1C

第2色覚異常

#1B191D

第3色覚異常

#122021

全色盲

#252525

CSS使用法

background-color: #112C17;
color: #112C17;
border-color: #112C17;
最も近いTailwind： Green 950 #052E16

Tailwindシェード

50
#F4FAF6
100
#E6F4E9
200
#CBEBD2
300
#A7DDB3
400
#77CA89
500
#47B860
600
#39934D
700
#2D763D
800
#245C30
900
#1D4426
950
#122B18

コントラストチェッカー

白背景のテキスト

15.04:1

AA Pass AAA Pass

黒背景のテキスト

1.4:1

AA Fail AAA Fail

比較する

#112C17
#2C1126
#112C17
#FFFFFF
#000000
#112C17

関連記事

チュートリアル

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 #112C17?

RGB(17, 44, 23) · HSL(133.3, 44.3%, 12.0%) · CMYK(61.4%, 0.0%, 47.7%, 82.7%)

Does #112C17 meet WCAG contrast on white?

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

What text color is readable on #112C17?

Use FFFFFF text on a #112C17 background; contrast on black is 1.4:1.