#97DF63

#97DF63

#AB63DF

#AB63DF

对比度

2.34:1

Delta E

143.74

Very Different

50:50 混合

#AEA5A6

颜色值

格式 #97DF63 #AB63DF
HEX #97DF63 #AB63DF
RGB 151, 223, 99 171, 99, 223
HSL 94.8, 66.0%, 63.1% 274.8, 66.0%, 63.1%
HSV 94.8, 55.6%, 87.5% 274.8, 55.6%, 87.5%
CMYK 32.3%, 0.0%, 55.6%, 12.5% 23.3%, 55.6%, 0.0%, 12.5%
OKLCH 0.8298 0.1731 133.9 0.6334 0.1882 308.8

对比度与无障碍

2.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AB63DF → 背景色: #97DF63

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

文本: #97DF63 → 背景色: #AB63DF

色差 (Delta E)

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

渐变

#97DF63 #A2CC7C #AAB992 #AEA5A6 #B090BA #AF7BCD #AB63DF

颜色混合

#97DF63

100%

#A7C287

75:25

#AEA5A6

50:50

#B086C3

25:75

#AB63DF

100%

CSS渐变代码

background: linear-gradient(to right, #97DF63, #AB63DF);
background: linear-gradient(135deg, #97DF63, #AB63DF);

探索每种颜色

#97DF63

查看完整颜色详情

#AB63DF

查看完整颜色详情

相关比较