#F2187D

#F2187D

ディープピンク系

カラーコード変換

形式
HEX#F2187D
RGBrgb(242, 24, 125)
RGBArgba(242, 24, 125, 1)
HSLhsl(332, 89%, 52%)
HSVhsv(332, 90%, 95%)
CMYKcmyk(0%, 90%, 48%, 5%)
Aa

白背景

4.04:1AA Large

Aa

黒背景

5.20:1AA適合


配色パレット提案

補色

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

#F2187D#18F28C

類似色

色相環で隣接する色

#F218EA#F218B4#F2187D#F21847#F21F18

トライアド

色相環で120°間隔の3色

#F2187D#7DF218#187DF2

テトラード

色相環で90°間隔の4色

#F2187D#EAF218#18F28C#1F18F2

モノクローム

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

#6A0635#B20A59#F2187D#F660A6#FAA8CE

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

補色の両隣の色

#F2187D#18F21F#18EAF2

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

ライト → ダーク

linear-gradient(135deg, #F990C1, #F2187D, #820841)

補色グラデーション

linear-gradient(135deg, #F2187D, #18F28C)

類似色グラデーション

linear-gradient(135deg, #F218EA, #F2187D, #F21F18)

ラジアルグロー

radial-gradient(circle, #F2187D, #820841)

サンセット風

linear-gradient(to right, #F2187D, #F21F18, #18F28C)

オーバーレイ

linear-gradient(180deg, #F2187DCC, #F2187D33)

CSS使用例

背景色として使用

Hello, World!
background-color: #F2187D;

テキスト色として使用

Color Text
color: #F2187D;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー