#817004

#817004

オリーブ系

カラーコード変換

形式
HEX#817004
RGBrgb(129, 112, 4)
RGBArgba(129, 112, 4, 1)
HSLhsl(52, 94%, 26%)
HSVhsv(52, 97%, 51%)
CMYKcmyk(0%, 13%, 97%, 49%)
Aa

白背景

4.94:1AA適合

Aa

黒背景

4.25:1AA Large


配色パレット提案

補色

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

#817004#041581

類似色

色相環で隣接する色

#813204#815104#817004#728104#538104

トライアド

色相環で120°間隔の3色

#817004#048170#700481

テトラード

色相環で90°間隔の4色

#817004#048132#041581#810453

モノクローム

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

#000000#362F02#817004#CBB106#F8DC25

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

補色の両隣の色

#817004#045381#320481

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

ライト → ダーク

linear-gradient(135deg, #F8D80D, #817004, #050400)

補色グラデーション

linear-gradient(135deg, #817004, #041581)

類似色グラデーション

linear-gradient(135deg, #813204, #817004, #538104)

ラジアルグロー

radial-gradient(circle, #817004, #050400)

サンセット風

linear-gradient(to right, #817004, #538104, #041581)

オーバーレイ

linear-gradient(180deg, #817004CC, #81700433)

CSS使用例

背景色として使用

Hello, World!
background-color: #817004;

テキスト色として使用

Color Text
color: #817004;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー