#792815

#792815

マルーン系

カラーコード変換

形式
HEX#792815
RGBrgb(121, 40, 21)
RGBArgba(121, 40, 21, 1)
HSLhsl(11, 70%, 28%)
HSVhsv(11, 83%, 47%)
CMYKcmyk(0%, 67%, 83%, 53%)
Aa

白背景

9.87:1AA適合

Aa

黒背景

2.13:1不適合


配色パレット提案

補色

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

#792815#156779

類似色

色相環で隣接する色

#791535#79151C#792815#794115#795A15

トライアド

色相環で120°間隔の3色

#792815#157928#281579

テトラード

色相環で90°間隔の4色

#792815#357915#156779#5A1579

モノクローム

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

#000000#38120A#792815#BA3D21#DF6449

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

補色の両隣の色

#792815#15795A#153579

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

ライト → ダーク

linear-gradient(135deg, #DB5233, #792815, #0D0402)

補色グラデーション

linear-gradient(135deg, #792815, #156779)

類似色グラデーション

linear-gradient(135deg, #791535, #792815, #795A15)

ラジアルグロー

radial-gradient(circle, #792815, #0D0402)

サンセット風

linear-gradient(to right, #792815, #795A15, #156779)

オーバーレイ

linear-gradient(180deg, #792815CC, #79281533)

CSS使用例

背景色として使用

Hello, World!
background-color: #792815;

テキスト色として使用

Color Text
color: #792815;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー