#8459E8

#8459E8

ミディアムスレートブルー系

カラーコード変換

形式
HEX#8459E8
RGBrgb(132, 89, 232)
RGBArgba(132, 89, 232, 1)
HSLhsl(258, 76%, 63%)
HSVhsv(258, 62%, 91%)
CMYKcmyk(43%, 62%, 0%, 9%)
Aa

白背景

4.59:1AA適合

Aa

黒背景

4.58:1AA適合


配色パレット提案

補色

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

#8459E8#BDE859

類似色

色相環で隣接する色

#5976E8#6059E8#8459E8#A859E8#CC59E8

トライアド

色相環で120°間隔の3色

#8459E8#E88459#59E884

テトラード

色相環で90°間隔の4色

#8459E8#E85976#BDE859#59E8CC

モノクローム

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

#3B1494#551DD7#8459E8#B69CF2#E8E0FB

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

補色の両隣の色

#8459E8#E8CC59#76E859

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

ライト → ダーク

linear-gradient(135deg, #D7C9F8, #8459E8, #4317AB)

補色グラデーション

linear-gradient(135deg, #8459E8, #BDE859)

類似色グラデーション

linear-gradient(135deg, #5976E8, #8459E8, #CC59E8)

ラジアルグロー

radial-gradient(circle, #8459E8, #4317AB)

サンセット風

linear-gradient(to right, #8459E8, #CC59E8, #BDE859)

オーバーレイ

linear-gradient(180deg, #8459E8CC, #8459E833)

CSS使用例

背景色として使用

Hello, World!
background-color: #8459E8;

テキスト色として使用

Color Text
color: #8459E8;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #8459E866;

関連するカラー