#06A714

#06A714

フォレストグリーン系

カラーコード変換

形式
HEX#06A714
RGBrgb(6, 167, 20)
RGBArgba(6, 167, 20, 1)
HSLhsl(125, 93%, 34%)
HSVhsv(125, 96%, 65%)
CMYKcmyk(96%, 0%, 88%, 35%)
Aa

白背景

3.21:1AA Large

Aa

黒背景

6.55:1AA適合


配色パレット提案

補色

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

#06A714#A7069A

類似色

色相環で隣接する色

#49A706#21A706#06A714#06A73C#06A764

トライアド

色相環で120°間隔の3色

#06A714#1406A7#A71406

テトラード

色相環で90°間隔の4色

#06A714#0649A7#A7069A#A76406

モノクローム

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

#011402#035E0B#06A714#09F11C#4EF95C

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

補色の両隣の色

#06A714#6406A7#A70649

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

ライト → ダーク

linear-gradient(135deg, #35F845, #06A714, #022C05)

補色グラデーション

linear-gradient(135deg, #06A714, #A7069A)

類似色グラデーション

linear-gradient(135deg, #49A706, #06A714, #06A764)

ラジアルグロー

radial-gradient(circle, #06A714, #022C05)

サンセット風

linear-gradient(to right, #06A714, #06A764, #A7069A)

オーバーレイ

linear-gradient(180deg, #06A714CC, #06A71433)

CSS使用例

背景色として使用

Hello, World!
background-color: #06A714;

テキスト色として使用

Color Text
color: #06A714;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #06A71466;

関連するカラー