#7CAD67

#7CAD67

グレー系

カラーコード変換

形式
HEX#7CAD67
RGBrgb(124, 173, 103)
RGBArgba(124, 173, 103, 1)
HSLhsl(102, 30%, 54%)
HSVhsv(102, 40%, 68%)
CMYKcmyk(28%, 0%, 40%, 32%)
Aa

白背景

2.62:1不適合

Aa

黒背景

8.03:1AA適合


配色パレット提案

補色

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

#7CAD67#9867AD

類似色

色相環で隣接する色

#9FAD67#8DAD67#7CAD67#6AAD67#67AD75

トライアド

色相環で120°間隔の3色

#7CAD67#677CAD#AD677C

テトラード

色相環で90°間隔の4色

#7CAD67#679FAD#9867AD#AD7567

モノクローム

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

#36502B#588146#7CAD67#A6C898#D1E2CA

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

補色の両隣の色

#7CAD67#7567AD#AD679F

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

ライト → ダーク

linear-gradient(135deg, #C3DAB9, #7CAD67, #416034)

補色グラデーション

linear-gradient(135deg, #7CAD67, #9867AD)

類似色グラデーション

linear-gradient(135deg, #9FAD67, #7CAD67, #67AD75)

ラジアルグロー

radial-gradient(circle, #7CAD67, #416034)

サンセット風

linear-gradient(to right, #7CAD67, #67AD75, #9867AD)

オーバーレイ

linear-gradient(180deg, #7CAD67CC, #7CAD6733)

CSS使用例

背景色として使用

Hello, World!
background-color: #7CAD67;

テキスト色として使用

Color Text
color: #7CAD67;

ボーダー色として使用

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

シャドウとして使用

Shadow
box-shadow: 0 8px 32px #7CAD6766;

関連するカラー