#DCF0F3

#DCF0F3

#F3DFDC

#F3DFDC

对比度

1.09:1

Delta E

14.84

Noticeable

50:50 混合

#E8E8E7

颜色值

格式 #DCF0F3 #F3DFDC
HEX #DCF0F3 #F3DFDC
RGB 220, 240, 243 243, 223, 220
HSL 187.8, 48.9%, 90.8% 7.8, 48.9%, 90.8%
HSV 187.8, 9.5%, 95.3% 7.8, 9.5%, 95.3%
CMYK 9.5%, 1.2%, 0.0%, 4.7% 0.0%, 8.2%, 9.5%, 4.7%
OKLCH 0.9413 0.0215 207.6 0.919 0.0225 27.8

对比度与无障碍

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F3DFDC → 背景色: #DCF0F3

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

文本: #DCF0F3 → 背景色: #F3DFDC

色差 (Delta E)

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

渐变

#DCF0F3 #E0EDEF #E4EAEB #E8E8E7 #ECE5E4 #F0E2E0 #F3DFDC

颜色混合

#DCF0F3

100%

#E2ECED

75:25

#E8E8E7

50:50

#EEE3E2

25:75

#F3DFDC

100%

CSS渐变代码

background: linear-gradient(to right, #DCF0F3, #F3DFDC);
background: linear-gradient(135deg, #DCF0F3, #F3DFDC);

探索每种颜色

#DCF0F3

查看完整颜色详情

#F3DFDC

查看完整颜色详情

相关比较