#DCEE59

#DCEE59

カーキ系

カラーコード変換

形式
HEX#DCEE59
RGBrgb(220, 238, 89)
RGBArgba(220, 238, 89, 1)
HSLhsl(67, 81%, 64%)
HSVhsv(67, 63%, 93%)
CMYKcmyk(8%, 0%, 63%, 7%)
Aa

白背景

1.28:1不適合

Aa

黒背景

16.42:1AA適合


配色パレット提案

補色

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

#DCEE59#6A59EE

類似色

色相環で隣接する色

#EEB559#EEDA59#DCEE59#B7EE59#92EE59

トライアド

色相環で120°間隔の3色

#DCEE59#59DCEE#EE59DC

テトラード

色相環で90°間隔の4色

#DCEE59#59EEB5#6A59EE#EE5992

モノクローム

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

#8D9D10#CBE218#DCEE59#EBF59E#F9FCE3

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

補色の両隣の色

#DCEE59#5992EE#B559EE

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

ライト → ダーク

linear-gradient(135deg, #F4FACC, #DCEE59, #A1B413)

補色グラデーション

linear-gradient(135deg, #DCEE59, #6A59EE)

類似色グラデーション

linear-gradient(135deg, #EEB559, #DCEE59, #92EE59)

ラジアルグロー

radial-gradient(circle, #DCEE59, #A1B413)

サンセット風

linear-gradient(to right, #DCEE59, #92EE59, #6A59EE)

オーバーレイ

linear-gradient(180deg, #DCEE59CC, #DCEE5933)

CSS使用例

背景色として使用

Hello, World!
background-color: #DCEE59;

テキスト色として使用

Color Text
color: #DCEE59;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー