#87457F

#87457F

ディムグレー系

カラーコード変換

形式
HEX#87457F
RGBrgb(135, 69, 127)
RGBArgba(135, 69, 127, 1)
HSLhsl(307, 32%, 40%)
HSVhsv(307, 49%, 53%)
CMYKcmyk(0%, 49%, 6%, 47%)
Aa

白背景

6.59:1AA適合

Aa

黒背景

3.19:1AA Large


配色パレット提案

補色

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

#87457F#45874D

類似色

色相環で隣接する色

#6E4587#7E4587#87457F#87456F#87455E

トライアド

色相環で120°間隔の3色

#87457F#7F8745#457F87

テトラード

色相環で90°間隔の4色

#87457F#876E45#45874D#455E87

モノクローム

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

#221120#542B4F#87457F#B168A8#CB9AC5

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

補色の両隣の色

#87457F#5E8745#45876E

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

ライト → ダーク

linear-gradient(135deg, #C289BC, #87457F, #321A30)

補色グラデーション

linear-gradient(135deg, #87457F, #45874D)

類似色グラデーション

linear-gradient(135deg, #6E4587, #87457F, #87455E)

ラジアルグロー

radial-gradient(circle, #87457F, #321A30)

サンセット風

linear-gradient(to right, #87457F, #87455E, #45874D)

オーバーレイ

linear-gradient(180deg, #87457FCC, #87457F33)

CSS使用例

背景色として使用

Hello, World!
background-color: #87457F;

テキスト色として使用

Color Text
color: #87457F;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #87457F66;

関連するカラー