#EADF6C

#EADF6C

カーキ系

カラーコード変換

形式
HEX#EADF6C
RGBrgb(234, 223, 108)
RGBArgba(234, 223, 108, 1)
HSLhsl(55, 75%, 67%)
HSVhsv(55, 54%, 92%)
CMYKcmyk(0%, 5%, 54%, 8%)
Aa

白背景

1.38:1不適合

Aa

黒背景

15.27:1AA適合


配色パレット提案

補色

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

#EADF6C#6C76EA

類似色

色相環で隣接する色

#EAA06C#EAC06C#EADF6C#D5EA6C#B5EA6C

トライアド

色相環で120°間隔の3色

#EADF6C#6CEADF#DF6CEA

テトラード

色相環で90°間隔の4色

#EADF6C#6CEAA0#6C76EA#EA6CB5

モノクローム

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

#A59918#E0D129#EADF6C#F4EEAF#FDFCF2

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

補色の両隣の色

#EADF6C#6CB5EA#A06CEA

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

ライト → ダーク

linear-gradient(135deg, #FAF7DB, #EADF6C, #BBAE1B)

補色グラデーション

linear-gradient(135deg, #EADF6C, #6C76EA)

類似色グラデーション

linear-gradient(135deg, #EAA06C, #EADF6C, #B5EA6C)

ラジアルグロー

radial-gradient(circle, #EADF6C, #BBAE1B)

サンセット風

linear-gradient(to right, #EADF6C, #B5EA6C, #6C76EA)

オーバーレイ

linear-gradient(180deg, #EADF6CCC, #EADF6C33)

CSS使用例

背景色として使用

Hello, World!
background-color: #EADF6C;

テキスト色として使用

Color Text
color: #EADF6C;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー