#5CF566

#5CF566

ミディアムシーグリーン系

カラーコード変換

形式
HEX#5CF566
RGBrgb(92, 245, 102)
RGBArgba(92, 245, 102, 1)
HSLhsl(124, 88%, 66%)
HSVhsv(124, 62%, 96%)
CMYKcmyk(62%, 0%, 58%, 4%)
Aa

白背景

1.43:1不適合

Aa

黒背景

14.71:1AA適合


配色パレット提案

補色

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

#5CF566#F55CEA

類似色

色相環で隣接する色

#9EF55C#78F55C#5CF566#5CF58C#5CF5B2

トライアド

色相環で120°間隔の3色

#5CF566#665CF5#F5665C

テトラード

色相環で90°間隔の4色

#5CF566#5C9EF5#F55CEA#F5B25C

モノクローム

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

#0BAD16#14F023#5CF566#A4F9AA#ECFEED

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

補色の両隣の色

#5CF566#B25CF5#F55C9E

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

ライト → ダーク

linear-gradient(135deg, #D4FCD7, #5CF566, #0DC519)

補色グラデーション

linear-gradient(135deg, #5CF566, #F55CEA)

類似色グラデーション

linear-gradient(135deg, #9EF55C, #5CF566, #5CF5B2)

ラジアルグロー

radial-gradient(circle, #5CF566, #0DC519)

サンセット風

linear-gradient(to right, #5CF566, #5CF5B2, #F55CEA)

オーバーレイ

linear-gradient(180deg, #5CF566CC, #5CF56633)

CSS使用例

背景色として使用

Hello, World!
background-color: #5CF566;

テキスト色として使用

Color Text
color: #5CF566;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #5CF56666;

関連するカラー