#ABBCEC

#ABBCEC

#ECDBAB

#ECDBAB

コントラスト比

1.37:1

Delta E

53.1

Very Different

50:50 ミックス

#CFCBCC

カラー値

フォーマット #ABBCEC #ECDBAB
HEX #ABBCEC #ECDBAB
RGB 171, 188, 236 236, 219, 171
HSL 224.3, 63.1%, 79.8% 44.3, 63.1%, 79.8%
HSV 224.3, 27.5%, 92.5% 44.3, 27.5%, 92.5%
CMYK 27.5%, 20.3%, 0.0%, 7.5% 0.0%, 7.2%, 27.5%, 7.5%
OKLCH 0.7989 0.0709 269.6 0.8935 0.0652 90.9

コントラストとアクセシビリティ

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #ECDBAB → 背景色: #ABBCEC

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #ABBCEC → 背景色: #ECDBAB

色差 (Delta E)

53.1 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#ABBCEC #B8C1E1 #C4C6D7 #CFCBCC #DAD0C1 #E3D6B6 #ECDBAB

カラーミキシング

#ABBCEC

100%

#BFC3DC

75:25

#CFCBCC

50:50

#DED3BC

25:75

#ECDBAB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABBCEC, #ECDBAB);
background: linear-gradient(135deg, #ABBCEC, #ECDBAB);

各色を詳しく見る

#ABBCEC

カラーの詳細をすべて見る

#ECDBAB

カラーの詳細をすべて見る

関連する比較