#EA4DCD

#EA4DCD

オーキッド系

カラーコード変換

形式
HEX#EA4DCD
RGBrgb(234, 77, 205)
RGBArgba(234, 77, 205, 1)
HSLhsl(311, 79%, 61%)
HSVhsv(311, 67%, 92%)
CMYKcmyk(0%, 67%, 12%, 8%)
Aa

白背景

3.26:1AA Large

Aa

黒背景

6.44:1AA適合


配色パレット提案

補色

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

#EA4DCD#4DEA6A

類似色

色相環で隣接する色

#B84DEA#E04DEA#EA4DCD#EA4DA6#EA4D7F

トライアド

色相環で120°間隔の3色

#EA4DCD#CDEA4D#4DCDEA

テトラード

色相環で90°間隔の4色

#EA4DCD#EAB84D#4DEA6A#4D7FEA

モノクローム

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

#8D1177#D219B0#EA4DCD#F291E0#FAD6F4

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

補色の両隣の色

#EA4DCD#7FEA4D#4DEAB8

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

ライト → ダーク

linear-gradient(135deg, #F8BFED, #EA4DCD, #A4138A)

補色グラデーション

linear-gradient(135deg, #EA4DCD, #4DEA6A)

類似色グラデーション

linear-gradient(135deg, #B84DEA, #EA4DCD, #EA4D7F)

ラジアルグロー

radial-gradient(circle, #EA4DCD, #A4138A)

サンセット風

linear-gradient(to right, #EA4DCD, #EA4D7F, #4DEA6A)

オーバーレイ

linear-gradient(180deg, #EA4DCDCC, #EA4DCD33)

CSS使用例

背景色として使用

Hello, World!
background-color: #EA4DCD;

テキスト色として使用

Color Text
color: #EA4DCD;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー