#AC790C

#AC790C

オリーブ系

カラーコード変換

形式
HEX#AC790C
RGBrgb(172, 121, 12)
RGBArgba(172, 121, 12, 1)
HSLhsl(41, 87%, 36%)
HSVhsv(41, 93%, 67%)
CMYKcmyk(0%, 30%, 93%, 33%)
Aa

白背景

3.82:1AA Large

Aa

黒背景

5.49:1AA適合


配色パレット提案

補色

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

#AC790C#0C3FAC

類似色

色相環で隣接する色

#AC290C#AC510C#AC790C#ACA10C#8EAC0C

トライアド

色相環で120°間隔の3色

#AC790C#0CAC79#790CAC

テトラード

色相環で90°間隔の4色

#AC790C#0CAC29#0C3FAC#AC0C8E

モノクローム

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

#1D1402#644707#AC790C#EFAA15#F4C45D

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

補色の両隣の色

#AC790C#0C8EAC#290CAC

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

ライト → ダーク

linear-gradient(135deg, #F2BB45, #AC790C, #342504)

補色グラデーション

linear-gradient(135deg, #AC790C, #0C3FAC)

類似色グラデーション

linear-gradient(135deg, #AC290C, #AC790C, #8EAC0C)

ラジアルグロー

radial-gradient(circle, #AC790C, #342504)

サンセット風

linear-gradient(to right, #AC790C, #8EAC0C, #0C3FAC)

オーバーレイ

linear-gradient(180deg, #AC790CCC, #AC790C33)

CSS使用例

背景色として使用

Hello, World!
background-color: #AC790C;

テキスト色として使用

Color Text
color: #AC790C;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー