#934879

#934879

ディムグレー系

カラーコード変換

形式
HEX#934879
RGBrgb(147, 72, 121)
RGBArgba(147, 72, 121, 1)
HSLhsl(321, 34%, 43%)
HSVhsv(321, 51%, 58%)
CMYKcmyk(0%, 51%, 18%, 42%)
Aa

白背景

6.10:1AA適合

Aa

黒背景

3.44:1AA Large


配色パレット提案

補色

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

#934879#489362

類似色

色相環で隣接する色

#884893#93488B#934879#934866#934854

トライアド

色相環で120°間隔の3色

#934879#799348#487993

テトラード

色相環で90°間隔の4色

#934879#938848#489362#485493

モノクローム

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

#2C1625#602F4F#934879#B86F9F#D2A3C1

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

補色の両隣の色

#934879#549348#489388

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

ライト → ダーク

linear-gradient(135deg, #C992B6, #934879, #3E1E33)

補色グラデーション

linear-gradient(135deg, #934879, #489362)

類似色グラデーション

linear-gradient(135deg, #884893, #934879, #934854)

ラジアルグロー

radial-gradient(circle, #934879, #3E1E33)

サンセット風

linear-gradient(to right, #934879, #934854, #489362)

オーバーレイ

linear-gradient(180deg, #934879CC, #93487933)

CSS使用例

背景色として使用

Hello, World!
background-color: #934879;

テキスト色として使用

Color Text
color: #934879;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー