#137C18

#137C18

フォレストグリーン系

カラーコード変換

形式
HEX#137C18
RGBrgb(19, 124, 24)
RGBArgba(19, 124, 24, 1)
HSLhsl(123, 73%, 28%)
HSVhsv(123, 85%, 49%)
CMYKcmyk(85%, 0%, 81%, 51%)
Aa

白背景

5.35:1AA適合

Aa

黒背景

3.92:1AA Large


配色パレット提案

補色

色相環で180°反対に位置する色

#137C18#7C1376

類似色

色相環で隣接する色

#427C13#287C13#137C18#137C33#137C4D

トライアド

色相環で120°間隔の3色

#137C18#18137C#7C1813

テトラード

色相環で90°間隔の4色

#137C18#13427C#7C1376#7C4D13

モノクローム

同じ色相の明度バリエーション

#000000#09390B#137C18#1EBE26#46E24E

スプリットコンプリメンタリー

補色の両隣の色

#137C18#4D137C#7C1342

CSSグラデーションサンプル

ライト → ダーク

linear-gradient(135deg, #30DF38, #137C18, #020D03)

補色グラデーション

linear-gradient(135deg, #137C18, #7C1376)

類似色グラデーション

linear-gradient(135deg, #427C13, #137C18, #137C4D)

ラジアルグロー

radial-gradient(circle, #137C18, #020D03)

サンセット風

linear-gradient(to right, #137C18, #137C4D, #7C1376)

オーバーレイ

linear-gradient(180deg, #137C18CC, #137C1833)

CSS使用例

背景色として使用

Hello, World!
background-color: #137C18;

テキスト色として使用

Color Text
color: #137C18;

ボーダー色として使用

ボーダー要素
border: 3px solid #137C18;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #137C1866;

関連するカラー