#DCEFF2

#DCEFF2

#F2DFDC

#F2DFDC

对比度

1.08:1

Delta E

14.12

Noticeable

50:50 混合

#E8E7E7

颜色值

格式 #DCEFF2 #F2DFDC
HEX #DCEFF2 #F2DFDC
RGB 220, 239, 242 242, 223, 220
HSL 188.2, 45.8%, 90.6% 8.2, 45.8%, 90.6%
HSV 188.2, 9.1%, 94.9% 8.2, 9.1%, 94.9%
CMYK 9.1%, 1.2%, 0.0%, 5.1% 0.0%, 7.9%, 9.1%, 5.1%
OKLCH 0.939 0.0205 208.1 0.9181 0.0214 28.3

对比度与无障碍

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F2DFDC → 背景色: #DCEFF2

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

文本: #DCEFF2 → 背景色: #F2DFDC

色差 (Delta E)

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

渐变

#DCEFF2 #E0ECEE #E4EAEB #E8E7E7 #EBE4E3 #EFE2E0 #F2DFDC

颜色混合

#DCEFF2

100%

#E2EBEC

75:25

#E8E7E7

50:50

#EDE3E1

25:75

#F2DFDC

100%

CSS渐变代码

background: linear-gradient(to right, #DCEFF2, #F2DFDC);
background: linear-gradient(135deg, #DCEFF2, #F2DFDC);

探索每种颜色

#DCEFF2

查看完整颜色详情

#F2DFDC

查看完整颜色详情

相关比较