#F759C0

#F759C0

ホットピンク系

カラーコード変換

形式
HEX#F759C0
RGBrgb(247, 89, 192)
RGBArgba(247, 89, 192, 1)
HSLhsl(321, 91%, 66%)
HSVhsv(321, 64%, 97%)
CMYKcmyk(0%, 64%, 22%, 3%)
Aa

白背景

2.94:1不適合

Aa

黒背景

7.14:1AA適合


配色パレット提案

補色

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

#F759C0#59F791

類似色

色相環で隣接する色

#E059F7#F759E7#F759C0#F75999#F75971

トライアド

色相環で120°間隔の3色

#F759C0#C0F759#59C0F7

テトラード

色相環で90°間隔の4色

#F759C0#F7E059#59F791#5971F7

モノクローム

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

#AF0875#F410A4#F759C0#FBA2DC#FEECF8

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

補色の両隣の色

#F759C0#71F759#59F7E0

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

ライト → ダーク

linear-gradient(135deg, #FDD3EE, #F759C0, #C80985)

補色グラデーション

linear-gradient(135deg, #F759C0, #59F791)

類似色グラデーション

linear-gradient(135deg, #E059F7, #F759C0, #F75971)

ラジアルグロー

radial-gradient(circle, #F759C0, #C80985)

サンセット風

linear-gradient(to right, #F759C0, #F75971, #59F791)

オーバーレイ

linear-gradient(180deg, #F759C0CC, #F759C033)

CSS使用例

背景色として使用

Hello, World!
background-color: #F759C0;

テキスト色として使用

Color Text
color: #F759C0;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー