#497B14

#497B14

ダークオリーブグリーン系

カラーコード変換

形式
HEX#497B14
RGBrgb(73, 123, 20)
RGBArgba(73, 123, 20, 1)
HSLhsl(89, 72%, 28%)
HSVhsv(89, 84%, 48%)
CMYKcmyk(41%, 0%, 84%, 52%)
Aa

白背景

5.09:1AA適合

Aa

黒背景

4.13:1AA Large


配色パレット提案

補色

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

#497B14#46147B

類似色

色相環で隣接する色

#7B7914#637B14#497B14#2F7B14#167B14

トライアド

色相環で120°間隔の3色

#497B14#14497B#7B1449

テトラード

色相環で90°間隔の4色

#497B14#147B79#46147B#7B1416

モノクローム

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

#000000#223909#497B14#70BD1F#96E147

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

補色の両隣の色

#497B14#14167B#79147B

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

ライト → ダーク

linear-gradient(135deg, #8ADD31, #497B14, #080D02)

補色グラデーション

linear-gradient(135deg, #497B14, #46147B)

類似色グラデーション

linear-gradient(135deg, #7B7914, #497B14, #167B14)

ラジアルグロー

radial-gradient(circle, #497B14, #080D02)

サンセット風

linear-gradient(to right, #497B14, #167B14, #46147B)

オーバーレイ

linear-gradient(180deg, #497B14CC, #497B1433)

CSS使用例

背景色として使用

Hello, World!
background-color: #497B14;

テキスト色として使用

Color Text
color: #497B14;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #497B1466;

関連するカラー