#ECF3FE

#ECF3FE

#FEF7EC

#FEF7EC

コントラスト比

1.05:1

Delta E

12.36

Noticeable

50:50 ミックス

#F5F5F5

カラー値

フォーマット #ECF3FE #FEF7EC
HEX #ECF3FE #FEF7EC
RGB 236, 243, 254 254, 247, 236
HSL 216.7, 90.0%, 96.1% 36.7, 90.0%, 96.1%
HSV 216.7, 7.1%, 99.6% 36.7, 7.1%, 99.6%
CMYK 7.1%, 4.3%, 0.0%, 0.4% 0.0%, 2.8%, 7.1%, 0.4%
OKLCH 0.9621 0.0166 259.4 0.9786 0.0164 79.4

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

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FEF7EC → 背景色: #ECF3FE

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

テキスト: #ECF3FE → 背景色: #FEF7EC

色差 (Delta E)

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

グラデーション

#ECF3FE #EFF4FB #F2F4F8 #F5F5F5 #F8F6F2 #FBF6EF #FEF7EC

カラーミキシング

#ECF3FE

100%

#F1F4FA

75:25

#F5F5F5

50:50

#FAF6F1

25:75

#FEF7EC

100%

CSSグラデーションコード

background: linear-gradient(to right, #ECF3FE, #FEF7EC);
background: linear-gradient(135deg, #ECF3FE, #FEF7EC);

各色を詳しく見る

#ECF3FE

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

#FEF7EC

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

関連する比較