#87DFAC

#87DFAC

#DF87BA

#DF87BA

对比度

1.59:1

Delta E

84.72

Very Different

50:50 混合

颜色值

格式 #87DFAC #DF87BA
HEX #87DFAC #DF87BA
RGB 135, 223, 172 223, 135, 186
HSL 145.2, 57.9%, 70.2% 325.2, 57.9%, 70.2%
HSV 145.2, 39.5%, 87.5% 325.2, 39.5%, 87.5%
CMYK 39.5%, 0.0%, 22.9%, 12.5% 0.0%, 39.5%, 16.6%, 12.5%
OKLCH 0.8343 0.1122 157.4 0.7311 0.1242 344.9

对比度与无障碍

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF87BA → 背景色: #87DFAC

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

文本: #87DFAC → 背景色: #DF87BA

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #87DFAC, #DF87BA);
background: linear-gradient(135deg, #87DFAC, #DF87BA);

探索每种颜色

相关比较