#DCF5F8

#DCF5F8

#F8DFDC

#F8DFDC

对比度

1.11:1

Delta E

18.41

Noticeable

50:50 混合

#EBEAEA

颜色值

格式 #DCF5F8 #F8DFDC
HEX #DCF5F8 #F8DFDC
RGB 220, 245, 248 248, 223, 220
HSL 186.4, 66.7%, 91.8% 6.4, 66.7%, 91.8%
HSV 186.4, 11.3%, 97.3% 6.4, 11.3%, 97.3%
CMYK 11.3%, 1.2%, 0.0%, 2.7% 0.0%, 10.1%, 11.3%, 2.7%
OKLCH 0.9529 0.0265 205.4 0.9232 0.028 25.9

对比度与无障碍

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F8DFDC → 背景色: #DCF5F8

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

文本: #DCF5F8 → 背景色: #F8DFDC

色差 (Delta E)

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

渐变

#DCF5F8 #E1F1F3 #E6EEEF #EBEAEA #F0E6E5 #F4E3E1 #F8DFDC

颜色混合

#DCF5F8

100%

#E4F0F1

75:25

#EBEAEA

50:50

#F2E5E3

25:75

#F8DFDC

100%

CSS渐变代码

background: linear-gradient(to right, #DCF5F8, #F8DFDC);
background: linear-gradient(135deg, #DCF5F8, #F8DFDC);

探索每种颜色

#DCF5F8

查看完整颜色详情

#F8DFDC

查看完整颜色详情

相关比较