#ECFFFE

#ECFFFE

#FFECED

#FFECED

コントラスト比

1.1:1

Delta E

13.91

Noticeable

50:50 ミックス

#F6F6F5

カラー値

フォーマット #ECFFFE #FFECED
HEX #ECFFFE #FFECED
RGB 236, 255, 254 255, 236, 237
HSL 176.8, 100.0%, 96.3% 356.8, 100.0%, 96.3%
HSV 176.8, 7.5%, 100.0% 356.8, 7.5%, 100.0%
CMYK 7.5%, 0.0%, 0.4%, 0.0% 0.0%, 7.5%, 7.1%, 0.0%
OKLCH 0.9858 0.0199 193.0 0.9585 0.0207 13.9

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

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFECED → 背景色: #ECFFFE

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

テキスト: #ECFFFE → 背景色: #FFECED

色差 (Delta E)

13.91 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#ECFFFE #EFFCFB #F3F9F8 #F6F6F5 #F9F2F3 #FCEFF0 #FFECED

カラーミキシング

#ECFFFE

100%

#F1FAFA

75:25

#F6F6F5

50:50

#FBF1F1

25:75

#FFECED

100%

CSSグラデーションコード

background: linear-gradient(to right, #ECFFFE, #FFECED);
background: linear-gradient(135deg, #ECFFFE, #FFECED);

各色を詳しく見る

#ECFFFE

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

#FFECED

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

関連する比較