#89C973

#89C973

#B373C9

#B373C9

对比度

1.72:1

Delta E

105.82

Very Different

50:50 混合

#A6A1A0

颜色值

格式 #89C973 #B373C9
HEX #89C973 #B373C9
RGB 137, 201, 115 179, 115, 201
HSL 104.7, 44.3%, 62.0% 284.7, 44.3%, 62.0%
HSV 104.7, 42.8%, 78.8% 284.7, 42.8%, 78.8%
CMYK 31.8%, 0.0%, 42.8%, 21.2% 10.9%, 42.8%, 0.0%, 21.2%
OKLCH 0.7721 0.134 138.1 0.655 0.1409 317.1

对比度与无障碍

1.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B373C9 → 背景色: #89C973

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

文本: #89C973 → 背景色: #B373C9

色差 (Delta E)

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

渐变

#89C973 #95BC83 #9EAF92 #A6A1A0 #AC92AE #B083BC #B373C9

颜色混合

#89C973

100%

#9AB58B

75:25

#A6A1A0

50:50

#AE8BB5

25:75

#B373C9

100%

CSS渐变代码

background: linear-gradient(to right, #89C973, #B373C9);
background: linear-gradient(135deg, #89C973, #B373C9);

探索每种颜色

#89C973

查看完整颜色详情

#B373C9

查看完整颜色详情

相关比较