#ABC69F

#ABC69F

#BA9FC6

#BA9FC6

对比度

1.28:1

Delta E

47.57

Very Different

50:50 混合

#B4B3B3

颜色值

格式 #ABC69F #BA9FC6
HEX #ABC69F #BA9FC6
RGB 171, 198, 159 186, 159, 198
HSL 101.5, 25.5%, 70.0% 281.5, 25.5%, 70.0%
HSV 101.5, 19.7%, 77.6% 281.5, 19.7%, 77.6%
CMYK 13.6%, 0.0%, 19.7%, 22.4% 6.1%, 19.7%, 0.0%, 22.4%
OKLCH 0.7959 0.0613 136.1 0.7391 0.0627 315.4

对比度与无障碍

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BA9FC6 → 背景色: #ABC69F

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

文本: #ABC69F → 背景色: #BA9FC6

色差 (Delta E)

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

渐变

#ABC69F #AEC0A6 #B1B9AC #B4B3B3 #B6ACB9 #B8A6C0 #BA9FC6

颜色混合

#ABC69F

100%

#B0BDA9

75:25

#B4B3B3

50:50

#B7A9BD

25:75

#BA9FC6

100%

CSS渐变代码

background: linear-gradient(to right, #ABC69F, #BA9FC6);
background: linear-gradient(135deg, #ABC69F, #BA9FC6);

探索每种颜色

#ABC69F

查看完整颜色详情

#BA9FC6

查看完整颜色详情

相关比较