#4E8A19

#4E8A19

オリーブドラブ系

カラーコード変換

形式
HEX#4E8A19
RGBrgb(78, 138, 25)
RGBArgba(78, 138, 25, 1)
HSLhsl(92, 69%, 32%)
HSVhsv(92, 82%, 54%)
CMYKcmyk(43%, 0%, 82%, 46%)
Aa

白背景

4.22:1AA Large

Aa

黒背景

4.97:1AA適合


配色パレット提案

補色

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

#4E8A19#55198A

類似色

色相環で隣接する色

#868A19#6A8A19#4E8A19#328A19#198A1D

トライアド

色相環で120°間隔の3色

#4E8A19#194E8A#8A194E

テトラード

色相環で90°間隔の4色

#4E8A19#19868A#55198A#8A1D19

モノクローム

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

#050902#29490D#4E8A19#72CB25#9AE15B

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

補色の両隣の色

#4E8A19#1D198A#8A1986

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

ライト → ダーク

linear-gradient(135deg, #8CDD46, #4E8A19, #111E06)

補色グラデーション

linear-gradient(135deg, #4E8A19, #55198A)

類似色グラデーション

linear-gradient(135deg, #868A19, #4E8A19, #198A1D)

ラジアルグロー

radial-gradient(circle, #4E8A19, #111E06)

サンセット風

linear-gradient(to right, #4E8A19, #198A1D, #55198A)

オーバーレイ

linear-gradient(180deg, #4E8A19CC, #4E8A1933)

CSS使用例

背景色として使用

Hello, World!
background-color: #4E8A19;

テキスト色として使用

Color Text
color: #4E8A19;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #4E8A1966;

関連するカラー