#704368

#704368

ディムグレー系

カラーコード変換

形式
HEX#704368
RGBrgb(112, 67, 104)
RGBArgba(112, 67, 104, 1)
HSLhsl(311, 25%, 35%)
HSVhsv(311, 40%, 44%)
CMYKcmyk(0%, 40%, 7%, 56%)
Aa

白背景

7.80:1AA適合

Aa

黒背景

2.69:1不適合


配色パレット提案

補色

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

#704368#43704B

類似色

色相環で隣接する色

#614370#6D4370#704368#70435C#704351

トライアド

色相環で120°間隔の3色

#704368#677043#436770

テトラード

色相環で90°間隔の4色

#704368#706143#43704B#435170

モノクローム

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

#100A0F#40263B#704368#9F6094#BC8FB4

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

補色の両隣の色

#704368#517043#437061

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

ライト → ダーク

linear-gradient(135deg, #B380A9, #704368, #20131E)

補色グラデーション

linear-gradient(135deg, #704368, #43704B)

類似色グラデーション

linear-gradient(135deg, #614370, #704368, #704351)

ラジアルグロー

radial-gradient(circle, #704368, #20131E)

サンセット風

linear-gradient(to right, #704368, #704351, #43704B)

オーバーレイ

linear-gradient(180deg, #704368CC, #70436833)

CSS使用例

背景色として使用

Hello, World!
background-color: #704368;

テキスト色として使用

Color Text
color: #704368;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー