#D7F9DA

#D7F9DA

#F9D7F6

#F9D7F6

对比度

1.15:1

Delta E

40.57

Very Different

50:50 混合

#E9E9E8

颜色值

格式 #D7F9DA #F9D7F6
HEX #D7F9DA #F9D7F6
RGB 215, 249, 218 249, 215, 246
HSL 125.3, 73.9%, 91.0% 305.3, 73.9%, 91.0%
HSV 125.3, 13.7%, 97.6% 305.3, 13.7%, 97.6%
CMYK 13.7%, 0.0%, 12.4%, 2.4% 0.0%, 13.7%, 1.2%, 2.4%
OKLCH 0.9495 0.0543 147.6 0.9167 0.0553 328.8

对比度与无障碍

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

文本可读性

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

文本: #F9D7F6 → 背景色: #D7F9DA

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

文本: #D7F9DA → 背景色: #F9D7F6

色差 (Delta E)

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

渐变

#D7F9DA #DDF4DF #E3EEE3 #E9E9E8 #EFE3ED #F4DDF1 #F9D7F6

颜色混合

#D7F9DA

100%

#E0F1E1

75:25

#E9E9E8

50:50

#F1E0EF

25:75

#F9D7F6

100%

CSS渐变代码

background: linear-gradient(to right, #D7F9DA, #F9D7F6);
background: linear-gradient(135deg, #D7F9DA, #F9D7F6);

探索每种颜色

#D7F9DA

查看完整颜色详情

#F9D7F6

查看完整颜色详情

相关比较