#94247A

#94247A

ダークマゼンタ系

カラーコード変換

形式
HEX#94247A
RGBrgb(148, 36, 122)
RGBArgba(148, 36, 122, 1)
HSLhsl(314, 61%, 36%)
HSVhsv(314, 76%, 58%)
CMYKcmyk(0%, 76%, 18%, 42%)
Aa

白背景

7.52:1AA適合

Aa

黒背景

2.79:1不適合


配色パレット提案

補色

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

#94247A#24943E

類似色

色相環で隣接する色

#762494#922494#94247A#94245E#942442

トライアド

色相環で120°間隔の3色

#94247A#7A9424#247A94

テトラード

色相環で90°間隔の4色

#94247A#947624#24943E#244294

モノクローム

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

#190614#561547#94247A#CE36AB#DD73C5

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

補色の両隣の色

#94247A#429424#249476

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

ライト → ダーク

linear-gradient(135deg, #D85FBC, #94247A, #2D0B25)

補色グラデーション

linear-gradient(135deg, #94247A, #24943E)

類似色グラデーション

linear-gradient(135deg, #762494, #94247A, #942442)

ラジアルグロー

radial-gradient(circle, #94247A, #2D0B25)

サンセット風

linear-gradient(to right, #94247A, #942442, #24943E)

オーバーレイ

linear-gradient(180deg, #94247ACC, #94247A33)

CSS使用例

背景色として使用

Hello, World!
background-color: #94247A;

テキスト色として使用

Color Text
color: #94247A;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #94247A66;

関連するカラー