#726379

#726379

ディムグレー系

カラーコード変換

形式
HEX#726379
RGBrgb(114, 99, 121)
RGBArgba(114, 99, 121, 1)
HSLhsl(281, 10%, 43%)
HSVhsv(281, 18%, 47%)
CMYKcmyk(6%, 18%, 0%, 53%)
Aa

白背景

5.56:1AA適合

Aa

黒背景

3.78:1AA Large


配色パレット提案

補色

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

#726379#6A7963

類似色

色相環で隣接する色

#676379#6C6379#726379#776379#796375

トライアド

色相環で120°間隔の3色

#726379#797263#637972

テトラード

色相環で90°間隔の4色

#726379#796763#6A7963#637579

モノクローム

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

#221E24#4A404F#726379#98899F#BDB3C1

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

補色の両隣の色

#726379#757963#637967

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

ライト → ダーク

linear-gradient(135deg, #B0A5B6, #726379, #302932)

補色グラデーション

linear-gradient(135deg, #726379, #6A7963)

類似色グラデーション

linear-gradient(135deg, #676379, #726379, #796375)

ラジアルグロー

radial-gradient(circle, #726379, #302932)

サンセット風

linear-gradient(to right, #726379, #796375, #6A7963)

オーバーレイ

linear-gradient(180deg, #726379CC, #72637933)

CSS使用例

背景色として使用

Hello, World!
background-color: #726379;

テキスト色として使用

Color Text
color: #726379;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー