#700069

#700069

パープル系

カラーコード変換

形式
HEX#700069
RGBrgb(112, 0, 105)
RGBArgba(112, 0, 105, 1)
HSLhsl(304, 100%, 22%)
HSVhsv(304, 100%, 44%)
CMYKcmyk(0%, 100%, 6%, 56%)
Aa

白背景

11.09:1AA適合

Aa

黒背景

1.89:1不適合


配色パレット提案

補色

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

#700069#007007

類似色

色相環で隣接する色

#400070#5C0070#700069#70004D#700031

トライアド

色相環で120°間隔の3色

#700069#697000#006970

テトラード

色相環で90°間隔の4色

#700069#704000#007007#003170

モノクローム

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

#000000#240021#700069#BD00B0#FF0AEF

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

補色の両隣の色

#700069#317000#007040

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

ライト → ダーク

linear-gradient(135deg, #F000E0, #700069, #000000)

補色グラデーション

linear-gradient(135deg, #700069, #007007)

類似色グラデーション

linear-gradient(135deg, #400070, #700069, #700031)

ラジアルグロー

radial-gradient(circle, #700069, #000000)

サンセット風

linear-gradient(to right, #700069, #700031, #007007)

オーバーレイ

linear-gradient(180deg, #700069CC, #70006933)

CSS使用例

背景色として使用

Hello, World!
background-color: #700069;

テキスト色として使用

Color Text
color: #700069;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー