#AFD695

#AFD695

ダークグレー系

カラーコード変換

形式
HEX#AFD695
RGBrgb(175, 214, 149)
RGBArgba(175, 214, 149, 1)
HSLhsl(96, 44%, 71%)
HSVhsv(96, 30%, 84%)
CMYKcmyk(18%, 0%, 30%, 16%)
Aa

白背景

1.63:1不適合

Aa

黒背景

12.88:1AA適合


配色パレット提案

補色

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

#AFD695#BC95D6

類似色

色相環で隣接する色

#CFD695#BFD695#AFD695#9ED695#95D69B

トライアド

色相環で120°間隔の3色

#AFD695#95AFD6#D695AF

テトラード

色相環で90°間隔の4色

#AFD695#95CFD6#BC95D6#D69B95

モノクローム

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

#5F973B#85C05D#AFD695#D8EBCC#FFFFFF

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

補色の両隣の色

#AFD695#9B95D6#D695CF

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

ライト → ダーク

linear-gradient(135deg, #F4F9F0, #AFD695, #6BA942)

補色グラデーション

linear-gradient(135deg, #AFD695, #BC95D6)

類似色グラデーション

linear-gradient(135deg, #CFD695, #AFD695, #95D69B)

ラジアルグロー

radial-gradient(circle, #AFD695, #6BA942)

サンセット風

linear-gradient(to right, #AFD695, #95D69B, #BC95D6)

オーバーレイ

linear-gradient(180deg, #AFD695CC, #AFD69533)

CSS使用例

背景色として使用

Hello, World!
background-color: #AFD695;

テキスト色として使用

Color Text
color: #AFD695;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー