#702932

#702932

ダークパープル系

カラーコード変換

形式
HEX#702932
RGBrgb(112, 41, 50)
RGBArgba(112, 41, 50, 1)
HSLhsl(352, 46%, 30%)
HSVhsv(352, 63%, 44%)
CMYKcmyk(0%, 63%, 55%, 56%)
Aa

白背景

10.23:1AA適合

Aa

黒背景

2.05:1不適合


配色パレット提案

補色

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

#702932#297066

類似色

色相環で隣接する色

#702956#702944#702932#703229#704329

トライアド

色相環で120°間隔の3色

#702932#337029#293370

テトラード

色相環で90°間隔の4色

#702932#567029#297066#432970

モノクローム

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

#000000#381519#702932#A83E4C#C86A77

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

補色の両隣の色

#702932#297043#295670

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

ライト → ダーク

linear-gradient(135deg, #C15766, #702932, #130708)

補色グラデーション

linear-gradient(135deg, #702932, #297066)

類似色グラデーション

linear-gradient(135deg, #702956, #702932, #704329)

ラジアルグロー

radial-gradient(circle, #702932, #130708)

サンセット風

linear-gradient(to right, #702932, #704329, #297066)

オーバーレイ

linear-gradient(180deg, #702932CC, #70293233)

CSS使用例

背景色として使用

Hello, World!
background-color: #702932;

テキスト色として使用

Color Text
color: #702932;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー