#926217

#926217

オリーブ系

カラーコード変換

形式
HEX#926217
RGBrgb(146, 98, 23)
RGBArgba(146, 98, 23, 1)
HSLhsl(37, 73%, 33%)
HSVhsv(37, 84%, 57%)
CMYKcmyk(0%, 33%, 84%, 43%)
Aa

白背景

5.27:1AA適合

Aa

黒背景

3.98:1AA Large


配色パレット提案

補色

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

#926217#174692

類似色

色相環で隣接する色

#922517#924417#926217#928117#839217

トライアド

色相環で120°間隔の3色

#926217#179262#621792

テトラード

色相環で90°間隔の4色

#926217#179225#174692#921783

モノクローム

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

#0D0902#4F360C#926217#D48F21#E6B15C

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

補色の両隣の色

#926217#178392#251792

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

ライト → ダーク

linear-gradient(135deg, #E2A646, #926217, #231806)

補色グラデーション

linear-gradient(135deg, #926217, #174692)

類似色グラデーション

linear-gradient(135deg, #922517, #926217, #839217)

ラジアルグロー

radial-gradient(circle, #926217, #231806)

サンセット風

linear-gradient(to right, #926217, #839217, #174692)

オーバーレイ

linear-gradient(180deg, #926217CC, #92621733)

CSS使用例

背景色として使用

Hello, World!
background-color: #926217;

テキスト色として使用

Color Text
color: #926217;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー