#EDBFC0

#EDBFC0

シスル系

カラーコード変換

形式
HEX#EDBFC0
RGBrgb(237, 191, 192)
RGBArgba(237, 191, 192, 1)
HSLhsl(359, 56%, 84%)
HSVhsv(359, 19%, 93%)
CMYKcmyk(0%, 19%, 19%, 7%)
Aa

白背景

1.64:1不適合

Aa

黒背景

12.81:1AA適合


配色パレット提案

補色

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

#EDBFC0#BFEDEC

類似色

色相環で隣接する色

#EDBFD7#EDBFCC#EDBFC0#EDCABF#EDD5BF

トライアド

色相環で120°間隔の3色

#EDBFC0#C0EDBF#BFC0ED

テトラード

色相環で90°間隔の4色

#EDBFC0#D7EDBF#BFEDEC#D5BFED

モノクローム

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

#CB484A#DC8485#EDBFC0#FEFBFB#FFFFFF

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

補色の両隣の色

#EDBFC0#BFEDD5#BFD7ED

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

ライト → ダーク

linear-gradient(135deg, #FFFFFF, #EDBFC0, #D15C5E)

補色グラデーション

linear-gradient(135deg, #EDBFC0, #BFEDEC)

類似色グラデーション

linear-gradient(135deg, #EDBFD7, #EDBFC0, #EDD5BF)

ラジアルグロー

radial-gradient(circle, #EDBFC0, #D15C5E)

サンセット風

linear-gradient(to right, #EDBFC0, #EDD5BF, #BFEDEC)

オーバーレイ

linear-gradient(180deg, #EDBFC0CC, #EDBFC033)

CSS使用例

背景色として使用

Hello, World!
background-color: #EDBFC0;

テキスト色として使用

Color Text
color: #EDBFC0;

ボーダー色として使用

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

シャドウとして使用

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

関連するカラー