#2A8960

#2A8960

シーグリーン系

カラーコード変換

形式
HEX#2A8960
RGBrgb(42, 137, 96)
RGBArgba(42, 137, 96, 1)
HSLhsl(154, 53%, 35%)
HSVhsv(154, 69%, 54%)
CMYKcmyk(69%, 0%, 30%, 46%)
Aa

白背景

4.33:1AA Large

Aa

黒背景

4.85:1AA適合


配色パレット提案

補色

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

#2A8960#892A53

類似色

色相環で隣接する色

#2A8930#2A8948#2A8960#2A8977#2A8289

トライアド

色相環で120°間隔の3色

#2A8960#602A89#89602A

テトラード

色相環で90°間隔の4色

#2A8960#302A89#892A53#82892A

モノクローム

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

#06140E#184E37#2A8960#3CC389#76D5AC

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

補色の両隣の色

#2A8960#892A82#89302A

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

ライト → ダーク

linear-gradient(135deg, #63CFA0, #2A8960, #0C271B)

補色グラデーション

linear-gradient(135deg, #2A8960, #892A53)

類似色グラデーション

linear-gradient(135deg, #2A8930, #2A8960, #2A8289)

ラジアルグロー

radial-gradient(circle, #2A8960, #0C271B)

サンセット風

linear-gradient(to right, #2A8960, #2A8289, #892A53)

オーバーレイ

linear-gradient(180deg, #2A8960CC, #2A896033)

CSS使用例

背景色として使用

Hello, World!
background-color: #2A8960;

テキスト色として使用

Color Text
color: #2A8960;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #2A896066;

関連するカラー