#367F49

#367F49

カラー値

HEX

#367F49

RGB

54, 127, 73

HSL

135.6, 40.3%, 35.5%

HSV

135.6, 57.5%, 49.8%

CMYK

57.5%, 0.0%, 42.5%, 50.2%

OKLCH

0.5357 0.1112 149.7

プロパティ

寒色 暗い 最も近い： RAL 6032 Signal Green

色彩心理学

True green represents growth, harmony, and environmental consciousness. It is the color most directly associated with nature and sustainability, activating feelings of renewal and stability. Green sits at the center of the visible spectrum, making it psychologically balanced and universally positive.

Design Usage

Medium green is essential for sustainability brands, financial growth indicators, and agricultural products. It works as a primary brand color that communicates trust without the corporate coolness of blue. Ensure sufficient contrast with white text since many mid-greens fall below WCAG AA thresholds.

カラーハーモニー

補色

#367F49

#7F366C

類似色

#487F36

#367F6D

#367F49

トライアド

#367F49

#49367F

#7F4936

スプリット補色

#367F49

#6D367F

#7F3648

テトラード

#367F49

#36487F

#7F366C

#7F6D36

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

オリジナル

#367F49

第1色覚異常

#565656

第2色覚異常

#514C59

第3色覚異常

#3A6063

全色盲

#6C6C6C

CSS使用法

background-color: #367F49;
color: #367F49;
border-color: #367F49;
最も近いTailwind： Green 800 #166534

Tailwindシェード

50
#F5FAF6
100
#E7F3EA
200
#CDEAD4
300
#A9DAB6
400
#7BC78E
500
#4CB367
600
#3D8F52
700
#317242
800
#265933
900
#1F4228
950
#142A19

コントラストチェッカー

白背景のテキスト

4.9:1

AA Pass AAA Fail

黒背景のテキスト

4.29:1

AA Fail AAA Fail

比較する

#367F49
#7F366C
#367F49
#FFFFFF
#000000
#367F49

関連記事

チュートリアル

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 #367F49?

RGB(54, 127, 73) · HSL(135.6, 40.3%, 35.5%) · CMYK(57.5%, 0.0%, 42.5%, 50.2%)

Does #367F49 meet WCAG contrast on white?

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

What text color is readable on #367F49?

Use FFFFFF text on a #367F49 background; contrast on black is 4.29:1.