#ECF4FE

#ECF4FE

#FEF6EC

#FEF6EC

コントラスト比

1.04:1

Delta E

11.68

Noticeable

50:50 ミックス

#F5F5F5

カラー値

フォーマット #ECF4FE #FEF6EC
HEX #ECF4FE #FEF6EC
RGB 236, 244, 254 254, 246, 236
HSL 213.3, 90.0%, 96.1% 33.3, 90.0%, 96.1%
HSV 213.3, 7.1%, 99.6% 33.3, 7.1%, 99.6%
CMYK 7.1%, 3.9%, 0.0%, 0.4% 0.0%, 3.1%, 7.1%, 0.4%
OKLCH 0.964 0.0159 253.9 0.9766 0.0158 73.7

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

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FEF6EC → 背景色: #ECF4FE

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

テキスト: #ECF4FE → 背景色: #FEF6EC

色差 (Delta E)

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

グラデーション

#ECF4FE #EFF4FB #F2F5F8 #F5F5F5 #F8F5F2 #FBF6EF #FEF6EC

カラーミキシング

#ECF4FE

100%

#F1F4FA

75:25

#F5F5F5

50:50

#FAF5F1

25:75

#FEF6EC

100%

CSSグラデーションコード

background: linear-gradient(to right, #ECF4FE, #FEF6EC);
background: linear-gradient(135deg, #ECF4FE, #FEF6EC);

各色を詳しく見る

#ECF4FE

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

#FEF6EC

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

関連する比較