#EE59DC

#EE59DC

オーキッド系

カラーコード変換

形式
HEX#EE59DC
RGBrgb(238, 89, 220)
RGBArgba(238, 89, 220, 1)
HSLhsl(307, 81%, 64%)
HSVhsv(307, 63%, 93%)
CMYKcmyk(0%, 63%, 8%, 7%)
Aa

白背景

2.96:1不適合

Aa

黒背景

7.10:1AA適合


配色パレット提案

補色

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

#EE59DC#59EE6A

類似色

色相環で隣接する色

#B559EE#DA59EE#EE59DC#EE59B7#EE5992

トライアド

色相環で120°間隔の3色

#EE59DC#DCEE59#59DCEE

テトラード

色相環で90°間隔の4色

#EE59DC#EEB559#59EE6A#5992EE

モノクローム

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

#9D108D#E218CB#EE59DC#F59EEB#FCE3F9

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

補色の両隣の色

#EE59DC#92EE59#59EEB5

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

ライト → ダーク

linear-gradient(135deg, #FACCF4, #EE59DC, #B413A1)

補色グラデーション

linear-gradient(135deg, #EE59DC, #59EE6A)

類似色グラデーション

linear-gradient(135deg, #B559EE, #EE59DC, #EE5992)

ラジアルグロー

radial-gradient(circle, #EE59DC, #B413A1)

サンセット風

linear-gradient(to right, #EE59DC, #EE5992, #59EE6A)

オーバーレイ

linear-gradient(180deg, #EE59DCCC, #EE59DC33)

CSS使用例

背景色として使用

Hello, World!
background-color: #EE59DC;

テキスト色として使用

Color Text
color: #EE59DC;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー