#87DF97

#87DF97

#DF87CF

#DF87CF

对比度

1.53:1

Delta E

99.97

Very Different

50:50 混合

#BCB7B4

颜色值

格式 #87DF97 #DF87CF
HEX #87DF97 #DF87CF
RGB 135, 223, 151 223, 135, 207
HSL 130.9, 57.9%, 70.2% 310.9, 57.9%, 70.2%
HSV 130.9, 39.5%, 87.5% 310.9, 39.5%, 87.5%
CMYK 39.5%, 0.0%, 32.3%, 12.5% 0.0%, 39.5%, 7.2%, 12.5%
OKLCH 0.8297 0.1319 148.7 0.7389 0.1402 333.8

对比度与无障碍

1.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF87CF → 背景色: #87DF97

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

文本: #87DF97 → 背景色: #DF87CF

色差 (Delta E)

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

渐变

#87DF97 #9CD2A1 #ADC5AB #BCB7B4 #C9A8BD #D599C6 #DF87CF

颜色混合

#87DF97

100%

#A5CCA6

75:25

#BCB7B4

50:50

#CFA1C2

25:75

#DF87CF

100%

CSS渐变代码

background: linear-gradient(to right, #87DF97, #DF87CF);
background: linear-gradient(135deg, #87DF97, #DF87CF);

探索每种颜色

#87DF97

查看完整颜色详情

#DF87CF

查看完整颜色详情

相关比较