#472390

#472390

ダークスレートブルー系

カラーコード変換

形式
HEX#472390
RGBrgb(71, 35, 144)
RGBArgba(71, 35, 144, 1)
HSLhsl(260, 61%, 35%)
HSVhsv(260, 76%, 56%)
CMYKcmyk(51%, 76%, 0%, 44%)
Aa

白背景

10.99:1AA適合

Aa

黒背景

1.91:1不適合


配色パレット提案

補色

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

#472390#6B9023

類似色

色相環で隣接する色

#233590#2C2390#472390#622390#7E2390

トライアド

色相環で120°間隔の3色

#472390#904723#239047

テトラード

色相環で90°間隔の4色

#472390#902335#6B9023#23907E

モノクローム

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

#0A0515#291452#472390#6632CD#946FDC

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

補色の両隣の色

#472390#907E23#359023

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

ライト → ダーク

linear-gradient(135deg, #845BD7, #472390, #140A29)

補色グラデーション

linear-gradient(135deg, #472390, #6B9023)

類似色グラデーション

linear-gradient(135deg, #233590, #472390, #7E2390)

ラジアルグロー

radial-gradient(circle, #472390, #140A29)

サンセット風

linear-gradient(to right, #472390, #7E2390, #6B9023)

オーバーレイ

linear-gradient(180deg, #472390CC, #47239033)

CSS使用例

背景色として使用

Hello, World!
background-color: #472390;

テキスト色として使用

Color Text
color: #472390;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー