#D2F8DF

#D2F8DF

#F8D2EB

#F8D2EB

对比度

1.18:1

Delta E

38.07

Very Different

50:50 混合

#E6E6E5

颜色值

格式 #D2F8DF #F8D2EB
HEX #D2F8DF #F8D2EB
RGB 210, 248, 223 248, 210, 235
HSL 140.5, 73.1%, 89.8% 320.5, 73.1%, 89.8%
HSV 140.5, 15.3%, 97.3% 320.5, 15.3%, 97.3%
CMYK 15.3%, 0.0%, 10.1%, 2.7% 0.0%, 15.3%, 5.2%, 2.7%
OKLCH 0.9454 0.0516 156.5 0.9031 0.0534 338.8

对比度与无障碍

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F8D2EB → 背景色: #D2F8DF

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

文本: #D2F8DF → 背景色: #F8D2EB

色差 (Delta E)

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

渐变

#D2F8DF #D9F2E1 #E0ECE3 #E6E6E5 #EDDFE7 #F2D9E9 #F8D2EB

颜色混合

#D2F8DF

100%

#DDEFE2

75:25

#E6E6E5

50:50

#F0DCE8

25:75

#F8D2EB

100%

CSS渐变代码

background: linear-gradient(to right, #D2F8DF, #F8D2EB);
background: linear-gradient(135deg, #D2F8DF, #F8D2EB);

探索每种颜色

#D2F8DF

查看完整颜色详情

#F8D2EB

查看完整颜色详情

相关比较