#5ABE5C

#5ABE5C

#BE5ABC

#BE5ABC

对比度

1.67:1

Delta E

127.65

Very Different

50:50 混合

#9B938F

颜色值

格式 #5ABE5C #BE5ABC
HEX #5ABE5C #BE5ABC
RGB 90, 190, 92 190, 90, 188
HSL 121.2, 43.5%, 54.9% 301.2, 43.5%, 54.9%
HSV 121.2, 52.6%, 74.5% 301.2, 52.6%, 74.5%
CMYK 52.6%, 0.0%, 51.6%, 25.5% 0.0%, 52.6%, 1.1%, 25.5%
OKLCH 0.7187 0.1654 144.0 0.6249 0.1758 328.2

对比度与无障碍

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BE5ABC → 背景色: #5ABE5C

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

文本: #5ABE5C → 背景色: #BE5ABC

色差 (Delta E)

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

渐变

#5ABE5C #76B16E #8BA27F #9B938F #A9839E #B470AD #BE5ABC

颜色混合

#5ABE5C

100%

#81AA77

75:25

#9B938F

50:50

#AF7AA6

25:75

#BE5ABC

100%

CSS渐变代码

background: linear-gradient(to right, #5ABE5C, #BE5ABC);
background: linear-gradient(135deg, #5ABE5C, #BE5ABC);

探索每种颜色

#5ABE5C

查看完整颜色详情

#BE5ABC

查看完整颜色详情

相关比较