#0EEC97

#0EEC97

ミディアムスプリンググリーン系

カラーコード変換

形式
HEX#0EEC97
RGBrgb(14, 236, 151)
RGBArgba(14, 236, 151, 1)
HSLhsl(157, 89%, 49%)
HSVhsv(157, 94%, 93%)
CMYKcmyk(94%, 0%, 36%, 7%)
Aa

白背景

1.56:1不適合

Aa

黒背景

13.46:1AA適合


配色パレット提案

補色

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

#0EEC97#EC0E63

類似色

色相環で隣接する色

#0EEC28#0EEC5F#0EEC97#0EECCF#0ED2EC

トライアド

色相環で120°間隔の3色

#0EEC97#970EEC#EC970E

テトラード

色相環で90°間隔の4色

#0EEC97#280EEC#EC0E63#D2EC0E

モノクローム

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

#055C3B#0AA469#0EEC97#51F5B6#9AF9D5

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

補色の両隣の色

#0EEC97#EC0ED2#EC280E

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

ライト → ダーク

linear-gradient(135deg, #82F8CA, #0EEC97, #07744A)

補色グラデーション

linear-gradient(135deg, #0EEC97, #EC0E63)

類似色グラデーション

linear-gradient(135deg, #0EEC28, #0EEC97, #0ED2EC)

ラジアルグロー

radial-gradient(circle, #0EEC97, #07744A)

サンセット風

linear-gradient(to right, #0EEC97, #0ED2EC, #EC0E63)

オーバーレイ

linear-gradient(180deg, #0EEC97CC, #0EEC9733)

CSS使用例

背景色として使用

Hello, World!
background-color: #0EEC97;

テキスト色として使用

Color Text
color: #0EEC97;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー