#EACF57

#EACF57

サンディブラウン系

カラーコード変換

形式
HEX#EACF57
RGBrgb(234, 207, 87)
RGBArgba(234, 207, 87, 1)
HSLhsl(49, 78%, 63%)
HSVhsv(49, 63%, 92%)
CMYKcmyk(0%, 12%, 63%, 8%)
Aa

白背景

1.55:1不適合

Aa

黒背景

13.56:1AA適合


配色パレット提案

補色

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

#EACF57#5772EA

類似色

色相環で隣接する色

#EA8657#EAAA57#EACF57#E0EA57#BCEA57

トライアド

色相環で120°間隔の3色

#EACF57#57EACF#CF57EA

テトラード

色相環で90°間隔の4色

#EACF57#57EA86#5772EA#EA57BC

モノクローム

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

#967E13#DAB71B#EACF57#F3E39B#FBF6DF

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

補色の両隣の色

#EACF57#57BCEA#8657EA

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

ライト → ダーク

linear-gradient(135deg, #F8F0C9, #EACF57, #AC9115)

補色グラデーション

linear-gradient(135deg, #EACF57, #5772EA)

類似色グラデーション

linear-gradient(135deg, #EA8657, #EACF57, #BCEA57)

ラジアルグロー

radial-gradient(circle, #EACF57, #AC9115)

サンセット風

linear-gradient(to right, #EACF57, #BCEA57, #5772EA)

オーバーレイ

linear-gradient(180deg, #EACF57CC, #EACF5733)

CSS使用例

背景色として使用

Hello, World!
background-color: #EACF57;

テキスト色として使用

Color Text
color: #EACF57;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー