#488146

#488146

シーグリーン系

カラーコード変換

形式
HEX#488146
RGBrgb(72, 129, 70)
RGBArgba(72, 129, 70, 1)
HSLhsl(118, 30%, 39%)
HSVhsv(118, 46%, 51%)
CMYKcmyk(44%, 0%, 46%, 49%)
Aa

白背景

4.66:1AA適合

Aa

黒背景

4.50:1AA適合


配色パレット提案

補色

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

#488146#7F4681

類似色

色相環で隣接する色

#658146#578146#488146#468153#468161

トライアド

色相環で120°間隔の3色

#488146#464881#814648

テトラード

色相環で90°間隔の4色

#488146#466581#7F4681#816146

モノクローム

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

#111E10#2C502B#488146#69AD67#9AC898

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

補色の両隣の色

#488146#614681#814665

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

ライト → ダーク

linear-gradient(135deg, #89BF88, #488146, #1A2E19)

補色グラデーション

linear-gradient(135deg, #488146, #7F4681)

類似色グラデーション

linear-gradient(135deg, #658146, #488146, #468161)

ラジアルグロー

radial-gradient(circle, #488146, #1A2E19)

サンセット風

linear-gradient(to right, #488146, #468161, #7F4681)

オーバーレイ

linear-gradient(180deg, #488146CC, #48814633)

CSS使用例

背景色として使用

Hello, World!
background-color: #488146;

テキスト色として使用

Color Text
color: #488146;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー