#EF48D0

#EF48D0

オーキッド系

カラーコード変換

形式
HEX#EF48D0
RGBrgb(239, 72, 208)
RGBArgba(239, 72, 208, 1)
HSLhsl(311, 84%, 61%)
HSVhsv(311, 70%, 94%)
CMYKcmyk(0%, 70%, 13%, 6%)
Aa

白背景

3.23:1AA Large

Aa

黒背景

6.51:1AA適合


配色パレット提案

補色

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

#EF48D0#48EF67

類似色

色相環で隣接する色

#BA48EF#E448EF#EF48D0#EF48A7#EF487D

トライアド

色相環で120°間隔の3色

#EF48D0#D0EF48#48D0EF

テトラード

色相環で90°間隔の4色

#EF48D0#EFBA48#48EF67#487DEF

モノクローム

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

#910D79#D813B4#EF48D0#F58EE2#FBD5F4

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

補色の両隣の色

#EF48D0#7DEF48#48EFBA

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

ライト → ダーク

linear-gradient(135deg, #F9BDEE, #EF48D0, #A90F8D)

補色グラデーション

linear-gradient(135deg, #EF48D0, #48EF67)

類似色グラデーション

linear-gradient(135deg, #BA48EF, #EF48D0, #EF487D)

ラジアルグロー

radial-gradient(circle, #EF48D0, #A90F8D)

サンセット風

linear-gradient(to right, #EF48D0, #EF487D, #48EF67)

オーバーレイ

linear-gradient(180deg, #EF48D0CC, #EF48D033)

CSS使用例

背景色として使用

Hello, World!
background-color: #EF48D0;

テキスト色として使用

Color Text
color: #EF48D0;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー