#C09ED1

#C09ED1

プラム系

カラーコード変換

形式
HEX#C09ED1
RGBrgb(192, 158, 209)
RGBArgba(192, 158, 209, 1)
HSLhsl(280, 36%, 72%)
HSVhsv(280, 24%, 82%)
CMYKcmyk(8%, 24%, 0%, 18%)
Aa

白背景

2.32:1不適合

Aa

黒背景

9.05:1AA適合


配色パレット提案

補色

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

#C09ED1#AFD19E

類似色

色相環で隣接する色

#A69ED1#B39ED1#C09ED1#CD9ED1#D19EC9

トライアド

色相環で120°間隔の3色

#C09ED1#D1C09E#9ED1C0

テトラード

色相環で90°間隔の4色

#C09ED1#D1A69E#AFD19E#9EC9D1

モノクローム

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

#784592#9F6AB9#C09ED1#E2D2EA#FFFFFF

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

補色の両隣の色

#C09ED1#C9D19E#9ED1A6

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

ライト → ダーク

linear-gradient(135deg, #F8F5FA, #C09ED1, #864DA3)

補色グラデーション

linear-gradient(135deg, #C09ED1, #AFD19E)

類似色グラデーション

linear-gradient(135deg, #A69ED1, #C09ED1, #D19EC9)

ラジアルグロー

radial-gradient(circle, #C09ED1, #864DA3)

サンセット風

linear-gradient(to right, #C09ED1, #D19EC9, #AFD19E)

オーバーレイ

linear-gradient(180deg, #C09ED1CC, #C09ED133)

CSS使用例

背景色として使用

Hello, World!
background-color: #C09ED1;

テキスト色として使用

Color Text
color: #C09ED1;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー