#60F67E

#60F67E

ミディアムアクアマリン系

カラーコード変換

形式
HEX#60F67E
RGBrgb(96, 246, 126)
RGBArgba(96, 246, 126, 1)
HSLhsl(132, 89%, 67%)
HSVhsv(132, 61%, 96%)
CMYKcmyk(61%, 0%, 49%, 4%)
Aa

白背景

1.40:1不適合

Aa

黒背景

14.98:1AA適合


配色パレット提案

補色

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

#60F67E#F660D8

類似色

色相環で隣接する色

#8DF660#67F660#60F67E#60F6A3#60F6C9

トライアド

色相環で120°間隔の3色

#60F67E#7E60F6#F67E60

テトラード

色相環で90°間隔の4色

#60F67E#608DF6#F660D8#F6C960

モノクローム

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

#0AB22C#18F243#60F67E#A8FAB9#F1FEF3

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

補色の両隣の色

#60F67E#C960F6#F6608D

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

ライト → ダーク

linear-gradient(135deg, #D8FDE0, #60F67E, #0CCA32)

補色グラデーション

linear-gradient(135deg, #60F67E, #F660D8)

類似色グラデーション

linear-gradient(135deg, #8DF660, #60F67E, #60F6C9)

ラジアルグロー

radial-gradient(circle, #60F67E, #0CCA32)

サンセット風

linear-gradient(to right, #60F67E, #60F6C9, #F660D8)

オーバーレイ

linear-gradient(180deg, #60F67ECC, #60F67E33)

CSS使用例

背景色として使用

Hello, World!
background-color: #60F67E;

テキスト色として使用

Color Text
color: #60F67E;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #60F67E66;

関連するカラー