#615473

#615473

ディムグレー系

カラーコード変換

形式
HEX#615473
RGBrgb(97, 84, 115)
RGBArgba(97, 84, 115, 1)
HSLhsl(265, 16%, 39%)
HSVhsv(265, 27%, 45%)
CMYKcmyk(16%, 27%, 0%, 55%)
Aa

白背景

6.94:1AA適合

Aa

黒背景

3.02:1AA Large


配色パレット提案

補色

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

#615473#667354

類似色

色相環で隣接する色

#545673#595473#615473#695473#715473

トライアド

色相環で120°間隔の3色

#615473#736154#547361

テトラード

色相環で90°間隔の4色

#615473#735456#667354#547371

モノクローム

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

#16131B#3C3347#615473#87779C#AEA3BD

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

補色の両隣の色

#615473#737154#567354

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

ライト → ダーク

linear-gradient(135deg, #A195B2, #615473, #231E29)

補色グラデーション

linear-gradient(135deg, #615473, #667354)

類似色グラデーション

linear-gradient(135deg, #545673, #615473, #715473)

ラジアルグロー

radial-gradient(circle, #615473, #231E29)

サンセット風

linear-gradient(to right, #615473, #715473, #667354)

オーバーレイ

linear-gradient(180deg, #615473CC, #61547333)

CSS使用例

背景色として使用

Hello, World!
background-color: #615473;

テキスト色として使用

Color Text
color: #615473;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー