#429459

#429459

シーグリーン系

カラーコード変換

形式
HEX#429459
RGBrgb(66, 148, 89)
RGBArgba(66, 148, 89, 1)
HSLhsl(137, 38%, 42%)
HSVhsv(137, 55%, 58%)
CMYKcmyk(55%, 0%, 40%, 42%)
Aa

白背景

3.74:1AA Large

Aa

黒背景

5.61:1AA適合


配色パレット提案

補色

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

#429459#94427D

類似色

色相環で隣接する色

#549442#429445#429459#42946E#429482

トライアド

色相環で120°間隔の3色

#429459#594294#945942

テトラード

色相環で90°間隔の4色

#429459#425494#94427D#948242

モノクローム

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

#132A1A#2B5F3A#429459#68BB7F#9CD3AC

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

補色の両隣の色

#429459#824294#944254

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

ライト → ダーク

linear-gradient(135deg, #8BCB9D, #429459, #1B3C24)

補色グラデーション

linear-gradient(135deg, #429459, #94427D)

類似色グラデーション

linear-gradient(135deg, #549442, #429459, #429482)

ラジアルグロー

radial-gradient(circle, #429459, #1B3C24)

サンセット風

linear-gradient(to right, #429459, #429482, #94427D)

オーバーレイ

linear-gradient(180deg, #429459CC, #42945933)

CSS使用例

背景色として使用

Hello, World!
background-color: #429459;

テキスト色として使用

Color Text
color: #429459;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー