#CD87D9

#CD87D9

オーキッド系

カラーコード変換

形式
HEX#CD87D9
RGBrgb(205, 135, 217)
RGBArgba(205, 135, 217, 1)
HSLhsl(291, 52%, 69%)
HSVhsv(291, 38%, 85%)
CMYKcmyk(6%, 38%, 0%, 15%)
Aa

白背景

2.60:1不適合

Aa

黒背景

8.06:1AA適合


配色パレット提案

補色

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

#CD87D9#93D987

類似色

色相環で隣接する色

#A487D9#B887D9#CD87D9#D987D1#D987BC

トライアド

色相環で120°間隔の3色

#CD87D9#D9CD87#87D9CD

テトラード

色相環で90°間隔の4色

#CD87D9#D9A487#93D987#87BCD9

モノクローム

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

#883097#B44DC7#CD87D9#E5C1EB#FDFBFE

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

補色の両隣の色

#CD87D9#BCD987#87D9A4

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

ライト → ダーク

linear-gradient(135deg, #F5E8F8, #CD87D9, #9936AB)

補色グラデーション

linear-gradient(135deg, #CD87D9, #93D987)

類似色グラデーション

linear-gradient(135deg, #A487D9, #CD87D9, #D987BC)

ラジアルグロー

radial-gradient(circle, #CD87D9, #9936AB)

サンセット風

linear-gradient(to right, #CD87D9, #D987BC, #93D987)

オーバーレイ

linear-gradient(180deg, #CD87D9CC, #CD87D933)

CSS使用例

背景色として使用

Hello, World!
background-color: #CD87D9;

テキスト色として使用

Color Text
color: #CD87D9;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー