#422390

#422390

ダークスレートブルー系

カラーコード変換

形式
HEX#422390
RGBrgb(66, 35, 144)
RGBArgba(66, 35, 144, 1)
HSLhsl(257, 61%, 35%)
HSVhsv(257, 76%, 56%)
CMYKcmyk(54%, 76%, 0%, 44%)
Aa

白背景

11.20:1AA適合

Aa

黒背景

1.87:1不適合


配色パレット提案

補色

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

#422390#719023

類似色

色相環で隣接する色

#233A90#262390#422390#5D2390#782390

トライアド

色相環で120°間隔の3色

#422390#904223#239042

テトラード

色相環で90°間隔の4色

#422390#90233A#719023#239078

モノクローム

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

#090515#261452#422390#5E32CD#8E6FDC

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

補色の両隣の色

#422390#907823#3A9023

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

ライト → ダーク

linear-gradient(135deg, #7E5BD7, #422390, #130A29)

補色グラデーション

linear-gradient(135deg, #422390, #719023)

類似色グラデーション

linear-gradient(135deg, #233A90, #422390, #782390)

ラジアルグロー

radial-gradient(circle, #422390, #130A29)

サンセット風

linear-gradient(to right, #422390, #782390, #719023)

オーバーレイ

linear-gradient(180deg, #422390CC, #42239033)

CSS使用例

背景色として使用

Hello, World!
background-color: #422390;

テキスト色として使用

Color Text
color: #422390;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー