#4E182F

#4E182F

ダークパープル系

カラーコード変換

形式
HEX#4E182F
RGBrgb(78, 24, 47)
RGBArgba(78, 24, 47, 1)
HSLhsl(334, 53%, 20%)
HSVhsv(334, 69%, 31%)
CMYKcmyk(0%, 69%, 40%, 69%)
Aa

白背景

14.04:1AA適合

Aa

黒背景

1.50:1不適合


配色パレット提案

補色

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

#4E182F#184E37

類似色

色相環で隣接する色

#4E184A#4E183D#4E182F#4E1822#4E1C18

トライアド

色相環で120°間隔の3色

#4E182F#2F4E18#182F4E

テトラード

色相環で90°間隔の4色

#4E182F#4A4E18#184E37#1C184E

モノクローム

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

#000000#14060C#4E182F#892A53#C33C76

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

補色の両隣の色

#4E182F#184E1C#184A4E

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

ライト → ダーク

linear-gradient(135deg, #B0366B, #4E182F, #000000)

補色グラデーション

linear-gradient(135deg, #4E182F, #184E37)

類似色グラデーション

linear-gradient(135deg, #4E184A, #4E182F, #4E1C18)

ラジアルグロー

radial-gradient(circle, #4E182F, #000000)

サンセット風

linear-gradient(to right, #4E182F, #4E1C18, #184E37)

オーバーレイ

linear-gradient(180deg, #4E182FCC, #4E182F33)

CSS使用例

背景色として使用

Hello, World!
background-color: #4E182F;

テキスト色として使用

Color Text
color: #4E182F;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #4E182F66;

関連するカラー