#AFB206

#AFB206

イエローグリーン系

カラーコード変換

形式
HEX#AFB206
RGBrgb(175, 178, 6)
RGBArgba(175, 178, 6, 1)
HSLhsl(61, 93%, 36%)
HSVhsv(61, 97%, 70%)
CMYKcmyk(2%, 0%, 97%, 30%)
Aa

白背景

2.28:1不適合

Aa

黒背景

9.19:1AA適合


配色パレット提案

補色

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

#AFB206#0906B1

類似色

色相環で隣接する色

#B15F06#B18906#AFB206#84B106#59B106

トライアド

色相環で120°間隔の3色

#AFB206#06AEB1#B106AE

テトラード

色相環で90°間隔の4色

#AFB206#06B15F#0906B1#B10659

モノクローム

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

#1D1E01#666704#AFB206#F2F60E#F6F958

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

補色の両隣の色

#AFB206#0659B1#5F06B1

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

ライト → ダーク

linear-gradient(135deg, #F5F83F, #AFB206, #353602)

補色グラデーション

linear-gradient(135deg, #AFB206, #0906B1)

類似色グラデーション

linear-gradient(135deg, #B15F06, #AFB206, #59B106)

ラジアルグロー

radial-gradient(circle, #AFB206, #353602)

サンセット風

linear-gradient(to right, #AFB206, #59B106, #0906B1)

オーバーレイ

linear-gradient(180deg, #AFB206CC, #AFB20633)

CSS使用例

背景色として使用

Hello, World!
background-color: #AFB206;

テキスト色として使用

Color Text
color: #AFB206;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー