#2A933D

#2A933D

シーグリーン系

カラーコード変換

形式
HEX#2A933D
RGBrgb(42, 147, 61)
RGBArgba(42, 147, 61, 1)
HSLhsl(131, 56%, 37%)
HSVhsv(131, 71%, 58%)
CMYKcmyk(71%, 0%, 59%, 42%)
Aa

白背景

3.93:1AA Large

Aa

黒背景

5.34:1AA適合


配色パレット提案

補色

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

#2A933D#932A80

類似色

色相環で隣接する色

#4B932A#31932A#2A933D#2A9357#2A9372

トライアド

色相環で120°間隔の3色

#2A933D#3D2A93#933D2A

テトラード

色相環で90°間隔の4色

#2A933D#2A4B93#932A80#93722A

モノクローム

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

#081C0C#195824#2A933D#40C959#7CDA8D

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

補色の両隣の色

#2A933D#722A93#932A4B

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

ライト → ダーク

linear-gradient(135deg, #68D47C, #2A933D, #0D3014)

補色グラデーション

linear-gradient(135deg, #2A933D, #932A80)

類似色グラデーション

linear-gradient(135deg, #4B932A, #2A933D, #2A9372)

ラジアルグロー

radial-gradient(circle, #2A933D, #0D3014)

サンセット風

linear-gradient(to right, #2A933D, #2A9372, #932A80)

オーバーレイ

linear-gradient(180deg, #2A933DCC, #2A933D33)

CSS使用例

背景色として使用

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

テキスト色として使用

Color Text
color: #2A933D;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー