#977507

#977507

オリーブ系

カラーコード変換

形式
HEX#977507
RGBrgb(151, 117, 7)
RGBArgba(151, 117, 7, 1)
HSLhsl(46, 91%, 31%)
HSVhsv(46, 95%, 59%)
CMYKcmyk(0%, 23%, 95%, 41%)
Aa

白背景

4.32:1AA Large

Aa

黒背景

4.86:1AA適合


配色パレット提案

補色

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

#977507#072997

類似色

色相環で隣接する色

#972D07#975107#977507#959707#719707

トライアド

色相環で120°間隔の3色

#977507#079775#750797

テトラード

色相環で90°間隔の4色

#977507#07972D#072997#970771

モノクローム

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

#050400#4E3D04#977507#E0AE0B#F6CC41

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

補色の両隣の色

#977507#077197#2D0797

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

ライト → ダーク

linear-gradient(135deg, #F5C529, #977507, #1D1701)

補色グラデーション

linear-gradient(135deg, #977507, #072997)

類似色グラデーション

linear-gradient(135deg, #972D07, #977507, #719707)

ラジアルグロー

radial-gradient(circle, #977507, #1D1701)

サンセット風

linear-gradient(to right, #977507, #719707, #072997)

オーバーレイ

linear-gradient(180deg, #977507CC, #97750733)

CSS使用例

背景色として使用

Hello, World!
background-color: #977507;

テキスト色として使用

Color Text
color: #977507;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー