#D3FDF1

#D3FDF1

#FDD3DF

#FDD3DF

对比度

1.23:1

Delta E

33.24

Very Different

50:50 混合

#EAE8E8

颜色值

格式 #D3FDF1 #FDD3DF
HEX #D3FDF1 #FDD3DF
RGB 211, 253, 241 253, 211, 223
HSL 162.9, 91.3%, 91.0% 342.9, 91.3%, 91.0%
HSV 162.9, 16.6%, 99.2% 342.9, 16.6%, 99.2%
CMYK 16.6%, 0.0%, 4.7%, 0.8% 0.0%, 16.6%, 11.9%, 0.8%
OKLCH 0.9613 0.0459 176.1 0.9059 0.0494 359.1

对比度与无障碍

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDD3DF → 背景色: #D3FDF1

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

文本: #D3FDF1 → 背景色: #FDD3DF

色差 (Delta E)

33.24 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#D3FDF1 #DBF6EE #E3EFEB #EAE8E8 #F1E1E5 #F7DAE2 #FDD3DF

颜色混合

#D3FDF1

100%

#DFF3EC

75:25

#EAE8E8

50:50

#F4DEE3

25:75

#FDD3DF

100%

CSS渐变代码

background: linear-gradient(to right, #D3FDF1, #FDD3DF);
background: linear-gradient(135deg, #D3FDF1, #FDD3DF);

探索每种颜色

#D3FDF1

查看完整颜色详情

#FDD3DF

查看完整颜色详情

相关比较