#5CFFC9

#5CFFC9

アクアマリン系

カラーコード変換

形式
HEX#5CFFC9
RGBrgb(92, 255, 201)
RGBArgba(92, 255, 201, 1)
HSLhsl(160, 100%, 68%)
HSVhsv(160, 64%, 100%)
CMYKcmyk(64%, 0%, 21%, 0%)
Aa

白背景

1.26:1不適合

Aa

黒背景

16.60:1AA適合


配色パレット提案

補色

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

#5CFFC9#FF5C92

類似色

色相環で隣接する色

#5CFF77#5CFFA0#5CFFC9#5CFFF1#5CE4FF

トライアド

色相環で120°間隔の3色

#5CFFC9#C95CFF#FFC95C

テトラード

色相環で90°間隔の4色

#5CFFC9#775CFF#FF5C92#E4FF5C

モノクローム

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

#00C281#0FFFAF#5CFFC9#A8FFE2#F5FFFC

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

補色の両隣の色

#5CFFC9#FF5CE4#FF775C

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

ライト → ダーク

linear-gradient(135deg, #DBFFF3, #5CFFC9, #00DB92)

補色グラデーション

linear-gradient(135deg, #5CFFC9, #FF5C92)

類似色グラデーション

linear-gradient(135deg, #5CFF77, #5CFFC9, #5CE4FF)

ラジアルグロー

radial-gradient(circle, #5CFFC9, #00DB92)

サンセット風

linear-gradient(to right, #5CFFC9, #5CE4FF, #FF5C92)

オーバーレイ

linear-gradient(180deg, #5CFFC9CC, #5CFFC933)

CSS使用例

背景色として使用

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

テキスト色として使用

Color Text
color: #5CFFC9;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー