#15893C

#15893C

フォレストグリーン系

カラーコード変換

形式
HEX#15893C
RGBrgb(21, 137, 60)
RGBArgba(21, 137, 60, 1)
HSLhsl(140, 73%, 31%)
HSVhsv(140, 85%, 54%)
CMYKcmyk(85%, 0%, 56%, 46%)
Aa

白背景

4.49:1AA Large

Aa

黒背景

4.68:1AA適合


配色パレット提案

補色

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

#15893C#891562

類似色

色相環で隣接する色

#298915#15891F#15893C#158959#158976

トライアド

色相環で120°間隔の3色

#15893C#3C1589#893C15

テトラード

色相環で90°間隔の4色

#15893C#152989#891562#897615

モノクローム

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

#010402#0B471F#15893C#20CB59#53E483

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

補色の両隣の色

#15893C#761589#891529

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

ライト → ダーク

linear-gradient(135deg, #3DE173, #15893C, #041A0C)

補色グラデーション

linear-gradient(135deg, #15893C, #891562)

類似色グラデーション

linear-gradient(135deg, #298915, #15893C, #158976)

ラジアルグロー

radial-gradient(circle, #15893C, #041A0C)

サンセット風

linear-gradient(to right, #15893C, #158976, #891562)

オーバーレイ

linear-gradient(180deg, #15893CCC, #15893C33)

CSS使用例

背景色として使用

Hello, World!
background-color: #15893C;

テキスト色として使用

Color Text
color: #15893C;

ボーダー色として使用

ボーダー要素
border: 3px solid #15893C;

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #15893C66;

関連するカラー