#D7F4EC

#D7F4EC

#F4D7DF

#F4D7DF

对比度

1.15:1

Delta E

22.94

Noticeable

50:50 混合

#E7E6E5

颜色值

格式 #D7F4EC #F4D7DF
HEX #D7F4EC #F4D7DF
RGB 215, 244, 236 244, 215, 223
HSL 163.4, 56.9%, 90.0% 343.4, 56.9%, 90.0%
HSV 163.4, 11.9%, 95.7% 343.4, 11.9%, 95.7%
CMYK 11.9%, 0.0%, 3.3%, 4.3% 0.0%, 11.9%, 8.6%, 4.3%
OKLCH 0.9439 0.0321 177.2 0.9054 0.0338 359.2

对比度与无障碍

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

文本可读性

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

文本: #F4D7DF → 背景色: #D7F4EC

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

文本: #D7F4EC → 背景色: #F4D7DF

色差 (Delta E)

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

渐变

#D7F4EC #DCEFEA #E2EBE8 #E7E6E5 #EBE1E3 #F0DCE1 #F4D7DF

颜色混合

#D7F4EC

100%

#DFEDE9

75:25

#E7E6E5

50:50

#EDDEE2

25:75

#F4D7DF

100%

CSS渐变代码

background: linear-gradient(to right, #D7F4EC, #F4D7DF);
background: linear-gradient(135deg, #D7F4EC, #F4D7DF);

探索每种颜色

#D7F4EC

查看完整颜色详情

#F4D7DF

查看完整颜色详情

相关比较