#4815B7

#4815B7

ダークスレートブルー系

カラーコード変換

形式
HEX#4815B7
RGBrgb(72, 21, 183)
RGBArgba(72, 21, 183, 1)
HSLhsl(259, 79%, 40%)
HSVhsv(259, 89%, 72%)
CMYKcmyk(61%, 89%, 0%, 28%)
Aa

白背景

10.16:1AA適合

Aa

黒背景

2.07:1不適合


配色パレット提案

補色

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

#4815B7#84B715

類似色

色相環で隣接する色

#1533B7#2015B7#4815B7#7115B7#9915B7

トライアド

色相環で120°間隔の3色

#4815B7#B74815#15B748

テトラード

色相環で90°間隔の4色

#4815B7#B71533#84B715#15B799

モノクローム

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

#12052E#2D0D72#4815B7#6B32E7#9C76EF

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

補色の両隣の色

#4815B7#B79915#33B715

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

ライト → ダーク

linear-gradient(135deg, #8C5FEC, #4815B7, #1B0844)

補色グラデーション

linear-gradient(135deg, #4815B7, #84B715)

類似色グラデーション

linear-gradient(135deg, #1533B7, #4815B7, #9915B7)

ラジアルグロー

radial-gradient(circle, #4815B7, #1B0844)

サンセット風

linear-gradient(to right, #4815B7, #9915B7, #84B715)

オーバーレイ

linear-gradient(180deg, #4815B7CC, #4815B733)

CSS使用例

背景色として使用

Hello, World!
background-color: #4815B7;

テキスト色として使用

Color Text
color: #4815B7;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #4815B766;

関連するカラー