#909130

#909130

オリーブドラブ系

カラーコード変換

形式
HEX#909130
RGBrgb(144, 145, 48)
RGBArgba(144, 145, 48, 1)
HSLhsl(61, 50%, 38%)
HSVhsv(61, 67%, 57%)
CMYKcmyk(1%, 0%, 67%, 43%)
Aa

白背景

3.34:1AA Large

Aa

黒背景

6.28:1AA適合


配色パレット提案

補色

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

#909130#323091

類似色

色相環で隣接する色

#916330#917B30#909130#789130#5F9130

トライアド

色相環で120°間隔の3色

#909130#309091#913090

テトラード

色相環で90°間隔の4色

#909130#309163#323091#91305F

モノクローム

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

#1E1F0A#57581D#909130#C1C34B#D5D685

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

補色の両隣の色

#909130#305F91#633091

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

ライト → ダーク

linear-gradient(135deg, #CED071, #909130, #313211)

補色グラデーション

linear-gradient(135deg, #909130, #323091)

類似色グラデーション

linear-gradient(135deg, #916330, #909130, #5F9130)

ラジアルグロー

radial-gradient(circle, #909130, #313211)

サンセット風

linear-gradient(to right, #909130, #5F9130, #323091)

オーバーレイ

linear-gradient(180deg, #909130CC, #90913033)

CSS使用例

背景色として使用

Hello, World!
background-color: #909130;

テキスト色として使用

Color Text
color: #909130;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー