#5ABC16

#5ABC16

#7816BC

#7816BC

对比度

3.27:1

Delta E

180.19

Very Different

50:50 混合

#84777B

颜色值

格式 #5ABC16 #7816BC
HEX #5ABC16 #7816BC
RGB 90, 188, 22 120, 22, 188
HSL 95.4, 79.0%, 41.2% 275.4, 79.0%, 41.2%
HSV 95.4, 88.3%, 73.7% 275.4, 88.3%, 73.7%
CMYK 52.1%, 0.0%, 88.3%, 26.3% 36.2%, 88.3%, 0.0%, 26.3%
OKLCH 0.7077 0.2071 136.8 0.4647 0.2276 304.7

对比度与无障碍

3.27:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #7816BC → 背景色: #5ABC16

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

文本: #5ABC16 → 背景色: #7816BC

色差 (Delta E)

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

渐变

#5ABC16 #71A646 #7D8F62 #84777B #855E91 #8141A7 #7816BC

颜色混合

#5ABC16

100%

#789A55

75:25

#84777B

50:50

#84509C

25:75

#7816BC

100%

CSS渐变代码

background: linear-gradient(to right, #5ABC16, #7816BC);
background: linear-gradient(135deg, #5ABC16, #7816BC);

探索每种颜色

#5ABC16

查看完整颜色详情

#7816BC

查看完整颜色详情

相关比较