#831B70

#831B70

パープル系

カラーコード変換

形式
HEX#831B70
RGBrgb(131, 27, 112)
RGBArgba(131, 27, 112, 1)
HSLhsl(311, 66%, 31%)
HSVhsv(311, 79%, 51%)
CMYKcmyk(0%, 79%, 15%, 49%)
Aa

白背景

8.91:1AA適合

Aa

黒背景

2.36:1不適合


配色パレット提案

補色

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

#831B70#1B832E

類似色

色相環で隣接する色

#621B83#7C1B83#831B70#831B56#831B3C

トライアド

色相環で120°間隔の3色

#831B70#70831B#1B7083

テトラード

色相環で90°間隔の4色

#831B70#83621B#1B832E#1B3C83

モノクローム

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

#040104#440E3A#831B70#C328A6#DD5AC5

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

補色の両隣の色

#831B70#3C831B#1B8362

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

ライト → ダーク

linear-gradient(135deg, #D945BE, #831B70, #190516)

補色グラデーション

linear-gradient(135deg, #831B70, #1B832E)

類似色グラデーション

linear-gradient(135deg, #621B83, #831B70, #831B3C)

ラジアルグロー

radial-gradient(circle, #831B70, #190516)

サンセット風

linear-gradient(to right, #831B70, #831B3C, #1B832E)

オーバーレイ

linear-gradient(180deg, #831B70CC, #831B7033)

CSS使用例

背景色として使用

Hello, World!
background-color: #831B70;

テキスト色として使用

Color Text
color: #831B70;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #831B7066;

関連するカラー