#459670

#459670

ミディアムシーグリーン系

カラーコード変換

形式
HEX#459670
RGBrgb(69, 150, 112)
RGBArgba(69, 150, 112, 1)
HSLhsl(152, 37%, 43%)
HSVhsv(152, 54%, 59%)
CMYKcmyk(54%, 0%, 25%, 41%)
Aa

白背景

3.59:1AA Large

Aa

黒背景

5.85:1AA適合


配色パレット提案

補色

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

#459670#96456B

類似色

色相環で隣接する色

#459648#45965C#459670#459685#459496

トライアド

色相環で120°間隔の3色

#459670#704596#967045

テトラード

色相環で90°間隔の4色

#459670#484596#96456B#949645

モノクローム

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

#152D22#2D6249#459670#6CBC97#A1D4BC

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

補色の両隣の色

#459670#964594#964845

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

ライト → ダーク

linear-gradient(135deg, #8FCCAF, #459670, #1D3F2F)

補色グラデーション

linear-gradient(135deg, #459670, #96456B)

類似色グラデーション

linear-gradient(135deg, #459648, #459670, #459496)

ラジアルグロー

radial-gradient(circle, #459670, #1D3F2F)

サンセット風

linear-gradient(to right, #459670, #459496, #96456B)

オーバーレイ

linear-gradient(180deg, #459670CC, #45967033)

CSS使用例

背景色として使用

Hello, World!
background-color: #459670;

テキスト色として使用

Color Text
color: #459670;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #45967066;

関連するカラー