#EBDF56

#EBDF56

カーキ系

カラーコード変換

形式
HEX#EBDF56
RGBrgb(235, 223, 86)
RGBArgba(235, 223, 86, 1)
HSLhsl(55, 79%, 63%)
HSVhsv(55, 63%, 92%)
CMYKcmyk(0%, 5%, 63%, 8%)
Aa

白背景

1.38:1不適合

Aa

黒背景

15.22:1AA適合


配色パレット提案

補色

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

#EBDF56#5663EB

類似色

色相環で隣接する色

#EB9456#EBB956#EBDF56#D2EB56#ADEB56

トライアド

色相環で120°間隔の3色

#EBDF56#56EBDF#DF56EB

テトラード

色相環で90°間隔の4色

#EBDF56#56EB94#5663EB#EB56AD

モノクローム

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

#978C12#DBCB1A#EBDF56#F3EC9B#FBF9DF

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

補色の両隣の色

#EBDF56#56ADEB#9456EB

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

ライト → ダーク

linear-gradient(135deg, #F9F5C8, #EBDF56, #ADA114)

補色グラデーション

linear-gradient(135deg, #EBDF56, #5663EB)

類似色グラデーション

linear-gradient(135deg, #EB9456, #EBDF56, #ADEB56)

ラジアルグロー

radial-gradient(circle, #EBDF56, #ADA114)

サンセット風

linear-gradient(to right, #EBDF56, #ADEB56, #5663EB)

オーバーレイ

linear-gradient(180deg, #EBDF56CC, #EBDF5633)

CSS使用例

背景色として使用

Hello, World!
background-color: #EBDF56;

テキスト色として使用

Color Text
color: #EBDF56;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー