#EAEDB1

#EAEDB1

ペールゴールデンロッド系

カラーコード変換

形式
HEX#EAEDB1
RGBrgb(234, 237, 177)
RGBArgba(234, 237, 177, 1)
HSLhsl(63, 63%, 81%)
HSVhsv(63, 25%, 93%)
CMYKcmyk(1%, 0%, 25%, 7%)
Aa

白背景

1.22:1不適合

Aa

黒背景

17.25:1AA適合


配色パレット提案

補色

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

#EAEDB1#B3B0ED

類似色

色相環で隣接する色

#EDD2B0#EDE1B0#EAEDB1#DBEDB0#CBEDB0

トライアド

色相環で120°間隔の3色

#EAEDB1#B0EAED#EDB0EA

テトラード

色相環で90°間隔の4色

#EAEDB1#B0EDD2#B3B0ED#EDB0CB

モノクローム

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

#C9D133#D9DF72#EAEDB1#FBFBEE#FFFFFF

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

補色の両隣の色

#EAEDB1#B0CBED#D2B0ED

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

ライト → ダーク

linear-gradient(135deg, #FFFFFF, #EAEDB1, #CED548)

補色グラデーション

linear-gradient(135deg, #EAEDB1, #B3B0ED)

類似色グラデーション

linear-gradient(135deg, #EDD2B0, #EAEDB1, #CBEDB0)

ラジアルグロー

radial-gradient(circle, #EAEDB1, #CED548)

サンセット風

linear-gradient(to right, #EAEDB1, #CBEDB0, #B3B0ED)

オーバーレイ

linear-gradient(180deg, #EAEDB1CC, #EAEDB133)

CSS使用例

背景色として使用

Hello, World!
background-color: #EAEDB1;

テキスト色として使用

Color Text
color: #EAEDB1;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー