#725569

#725569

ディムグレー系

カラーコード変換

形式
HEX#725569
RGBrgb(114, 85, 105)
RGBArgba(114, 85, 105, 1)
HSLhsl(319, 15%, 39%)
HSVhsv(319, 25%, 45%)
CMYKcmyk(0%, 25%, 8%, 55%)
Aa

白背景

6.52:1AA適合

Aa

黒背景

3.22:1AA Large


配色パレット提案

補色

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

#725569#55725E

類似色

色相環で隣接する色

#6D5572#725570#725569#725561#72555A

トライアド

色相環で120°間隔の3色

#725569#697255#556972

テトラード

色相環で90°間隔の4色

#725569#726D55#55725E#555A72

モノクローム

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

#1A1418#463441#725569#9B7890#BCA4B4

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

補色の両隣の色

#725569#5A7255#55726D

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

ライト → ダーク

linear-gradient(135deg, #B195A8, #725569, #291E26)

補色グラデーション

linear-gradient(135deg, #725569, #55725E)

類似色グラデーション

linear-gradient(135deg, #6D5572, #725569, #72555A)

ラジアルグロー

radial-gradient(circle, #725569, #291E26)

サンセット風

linear-gradient(to right, #725569, #72555A, #55725E)

オーバーレイ

linear-gradient(180deg, #725569CC, #72556933)

CSS使用例

背景色として使用

Hello, World!
background-color: #725569;

テキスト色として使用

Color Text
color: #725569;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー