#DEE6F2

#DEE6F2

#F2EADE

#F2EADE

对比度

1.05:1

Delta E

13.71

Noticeable

50:50 混合

#E8E8E8

颜色值

格式 #DEE6F2 #F2EADE
HEX #DEE6F2 #F2EADE
RGB 222, 230, 242 242, 234, 222
HSL 216.0, 43.5%, 91.0% 36.0, 43.5%, 91.0%
HSV 216.0, 8.3%, 94.9% 36.0, 8.3%, 94.9%
CMYK 8.3%, 5.0%, 0.0%, 5.1% 0.0%, 3.3%, 8.3%, 5.1%
OKLCH 0.9224 0.0184 258.4 0.9401 0.0182 78.2

对比度与无障碍

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

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #F2EADE → 背景色: #DEE6F2

敏捷的棕色狐狸跳过了懒狗

文本: #DEE6F2 → 背景色: #F2EADE

色差 (Delta E)

13.71 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#DEE6F2 #E2E7EF #E5E7EB #E8E8E8 #ECE9E5 #EFE9E1 #F2EADE

颜色混合

#DEE6F2

100%

#E3E7ED

75:25

#E8E8E8

50:50

#EDE9E3

25:75

#F2EADE

100%

CSS渐变代码

background: linear-gradient(to right, #DEE6F2, #F2EADE);
background: linear-gradient(135deg, #DEE6F2, #F2EADE);

探索每种颜色

#DEE6F2

查看完整颜色详情

#F2EADE

查看完整颜色详情

相关比较