#7FDF89

#7FDF89

#DF7FD5

#DF7FD5

对比度

1.58:1

Delta E

114.47

Very Different

50:50 混合

#BAB4B1

颜色值

格式 #7FDF89 #DF7FD5
HEX #7FDF89 #DF7FD5
RGB 127, 223, 137 223, 127, 213
HSL 126.2, 60.0%, 68.6% 306.2, 60.0%, 68.6%
HSV 126.2, 43.0%, 87.5% 306.2, 43.0%, 87.5%
CMYK 43.0%, 0.0%, 38.6%, 12.5% 0.0%, 43.0%, 4.5%, 12.5%
OKLCH 0.8232 0.1502 146.4 0.7291 0.159 331.0

对比度与无障碍

1.58:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF7FD5 → 背景色: #7FDF89

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

文本: #7FDF89 → 背景色: #DF7FD5

色差 (Delta E)

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

渐变

#7FDF89 #97D197 #AAC3A4 #BAB4B1 #C8A4BD #D493C9 #DF7FD5

颜色混合

#7FDF89

100%

#A1CA9E

75:25

#BAB4B1

50:50

#CE9CC3

25:75

#DF7FD5

100%

CSS渐变代码

background: linear-gradient(to right, #7FDF89, #DF7FD5);
background: linear-gradient(135deg, #7FDF89, #DF7FD5);

探索每种颜色

#7FDF89

查看完整颜色详情

#DF7FD5

查看完整颜色详情

相关比较