#DAF5F1

#DAF5F1

#F5DADE

#F5DADE

对比度

1.15:1

Delta E

20.33

Noticeable

50:50 混合

#E8E8E7

颜色值

格式 #DAF5F1 #F5DADE
HEX #DAF5F1 #F5DADE
RGB 218, 245, 241 245, 218, 222
HSL 171.1, 57.4%, 90.8% 351.1, 57.4%, 90.8%
HSV 171.1, 11.0%, 96.1% 351.1, 11.0%, 96.1%
CMYK 11.0%, 0.0%, 1.6%, 3.9% 0.0%, 11.0%, 9.4%, 3.9%
OKLCH 0.9495 0.0287 185.9 0.9117 0.0303 7.6

对比度与无障碍

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F5DADE → 背景色: #DAF5F1

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

文本: #DAF5F1 → 背景色: #F5DADE

色差 (Delta E)

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

渐变

#DAF5F1 #DFF1EE #E4ECEB #E8E8E7 #EDE3E4 #F1DFE1 #F5DADE

颜色混合

#DAF5F1

100%

#E1EEEC

75:25

#E8E8E7

50:50

#EFE1E3

25:75

#F5DADE

100%

CSS渐变代码

background: linear-gradient(to right, #DAF5F1, #F5DADE);
background: linear-gradient(135deg, #DAF5F1, #F5DADE);

探索每种颜色

#DAF5F1

查看完整颜色详情

#F5DADE

查看完整颜色详情

相关比较