#DF8BC5

#DF8BC5

プラム系

カラーコード変換

形式
HEX#DF8BC5
RGBrgb(223, 139, 197)
RGBArgba(223, 139, 197, 1)
HSLhsl(319, 57%, 71%)
HSVhsv(319, 38%, 87%)
CMYKcmyk(0%, 38%, 12%, 13%)
Aa

白背景

2.43:1不適合

Aa

黒背景

8.64:1AA適合


配色パレット提案

補色

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

#DF8BC5#8BDFA6

類似色

色相環で隣接する色

#D08BDF#DF8BDA#DF8BC5#DF8BAF#DF8B9A

トライアド

色相環で120°間隔の3色

#DF8BC5#C5DF8B#8BC5DF

テトラード

色相環で90°間隔の4色

#DF8BC5#DFD08B#8BDFA6#8B9ADF

モノクローム

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

#A42D7E#CF4FA6#DF8BC5#F0C7E3#FFFFFF

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

補色の両隣の色

#DF8BC5#9ADF8B#8BDFD0

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

ライト → ダーク

linear-gradient(135deg, #FBEFF7, #DF8BC5, #B8328E)

補色グラデーション

linear-gradient(135deg, #DF8BC5, #8BDFA6)

類似色グラデーション

linear-gradient(135deg, #D08BDF, #DF8BC5, #DF8B9A)

ラジアルグロー

radial-gradient(circle, #DF8BC5, #B8328E)

サンセット風

linear-gradient(to right, #DF8BC5, #DF8B9A, #8BDFA6)

オーバーレイ

linear-gradient(180deg, #DF8BC5CC, #DF8BC533)

CSS使用例

背景色として使用

Hello, World!
background-color: #DF8BC5;

テキスト色として使用

Color Text
color: #DF8BC5;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー