#EF52DD

#EF52DD

オーキッド系

カラーコード変換

形式
HEX#EF52DD
RGBrgb(239, 82, 221)
RGBArgba(239, 82, 221, 1)
HSLhsl(307, 83%, 63%)
HSVhsv(307, 66%, 94%)
CMYKcmyk(0%, 66%, 8%, 6%)
Aa

白背景

3.03:1AA Large

Aa

黒背景

6.92:1AA適合


配色パレット提案

補色

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

#EF52DD#52EF65

類似色

色相環で隣接する色

#B352EF#DA52EF#EF52DD#EF52B6#EF528E

トライアド

色相環で120°間隔の3色

#EF52DD#DDEF52#52DDEF

テトラード

色相環で90°間隔の4色

#EF52DD#EFB352#52EF65#528EEF

モノクローム

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

#9A0E8A#E015C8#EF52DD#F598EB#FCDEF9

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

補色の両隣の色

#EF52DD#8EEF52#52EFB3

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

ライト → ダーク

linear-gradient(135deg, #FAC7F4, #EF52DD, #B1109F)

補色グラデーション

linear-gradient(135deg, #EF52DD, #52EF65)

類似色グラデーション

linear-gradient(135deg, #B352EF, #EF52DD, #EF528E)

ラジアルグロー

radial-gradient(circle, #EF52DD, #B1109F)

サンセット風

linear-gradient(to right, #EF52DD, #EF528E, #52EF65)

オーバーレイ

linear-gradient(180deg, #EF52DDCC, #EF52DD33)

CSS使用例

背景色として使用

Hello, World!
background-color: #EF52DD;

テキスト色として使用

Color Text
color: #EF52DD;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー