#C8F353

#C8F353

グリーンイエロー系

カラーコード変換

形式
HEX#C8F353
RGBrgb(200, 243, 83)
RGBArgba(200, 243, 83, 1)
HSLhsl(76, 87%, 64%)
HSVhsv(76, 66%, 95%)
CMYKcmyk(18%, 0%, 66%, 5%)
Aa

白背景

1.28:1不適合

Aa

黒背景

16.40:1AA適合


配色パレット提案

補色

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

#C8F353#7E53F3

類似色

色相環で隣接する色

#F3CE53#F0F353#C8F353#A1F353#79F353

トライアド

色相環で120°間隔の3色

#C8F353#53C8F3#F353C8

テトラード

色相環で90°間隔の4色

#C8F353#53F3CE#7E53F3#F35379

モノクローム

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

#7AA20B#B0EA10#C8F353#DFF89B#F6FDE2

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

補色の両隣の色

#C8F353#5379F3#CE53F3

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

ライト → ダーク

linear-gradient(135deg, #EEFBCB, #C8F353, #8CBA0D)

補色グラデーション

linear-gradient(135deg, #C8F353, #7E53F3)

類似色グラデーション

linear-gradient(135deg, #F3CE53, #C8F353, #79F353)

ラジアルグロー

radial-gradient(circle, #C8F353, #8CBA0D)

サンセット風

linear-gradient(to right, #C8F353, #79F353, #7E53F3)

オーバーレイ

linear-gradient(180deg, #C8F353CC, #C8F35333)

CSS使用例

背景色として使用

Hello, World!
background-color: #C8F353;

テキスト色として使用

Color Text
color: #C8F353;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー