#754790

#754790

ダークスレートブルー系

カラーコード変換

形式
HEX#754790
RGBrgb(117, 71, 144)
RGBArgba(117, 71, 144, 1)
HSLhsl(278, 34%, 42%)
HSVhsv(278, 51%, 56%)
CMYKcmyk(19%, 51%, 0%, 44%)
Aa

白背景

6.86:1AA適合

Aa

黒背景

3.06:1AA Large


配色パレット提案

補色

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

#754790#619047

類似色

色相環で隣接する色

#504790#634790#754790#874790#904786

トライアド

色相環で120°間隔の3色

#754790#907547#479075

テトラード

色相環で90°間隔の4色

#754790#905047#619047#478690

モノクローム

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

#211429#4B2D5C#754790#9B6CB7#BE9FD0

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

補色の両隣の色

#754790#869047#479050

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

ライト → ダーク

linear-gradient(135deg, #B28EC7, #754790, #2F1D3A)

補色グラデーション

linear-gradient(135deg, #754790, #619047)

類似色グラデーション

linear-gradient(135deg, #504790, #754790, #904786)

ラジアルグロー

radial-gradient(circle, #754790, #2F1D3A)

サンセット風

linear-gradient(to right, #754790, #904786, #619047)

オーバーレイ

linear-gradient(180deg, #754790CC, #75479033)

CSS使用例

背景色として使用

Hello, World!
background-color: #754790;

テキスト色として使用

Color Text
color: #754790;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー