#ABCD9A

#ABCD9A

#BC9ACD

#BC9ACD

对比度

1.38:1

Delta E

61.57

Very Different

50:50 混合

#B6B4B4

颜色值

格式 #ABCD9A #BC9ACD
HEX #ABCD9A #BC9ACD
RGB 171, 205, 154 188, 154, 205
HSL 100.0, 33.8%, 70.4% 280.0, 33.8%, 70.4%
HSV 100.0, 24.9%, 80.4% 280.0, 24.9%, 80.4%
CMYK 16.6%, 0.0%, 24.9%, 19.6% 8.3%, 24.9%, 0.0%, 19.6%
OKLCH 0.8102 0.0787 135.4 0.7342 0.0812 314.3

对比度与无障碍

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BC9ACD → 背景色: #ABCD9A

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

文本: #ABCD9A → 背景色: #BC9ACD

色差 (Delta E)

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

渐变

#ABCD9A #AFC5A3 #B3BDAC #B6B4B4 #B8ACBD #BAA3C5 #BC9ACD

颜色混合

#ABCD9A

100%

#B1C1A7

75:25

#B6B4B4

50:50

#BAA7C1

25:75

#BC9ACD

100%

CSS渐变代码

background: linear-gradient(to right, #ABCD9A, #BC9ACD);
background: linear-gradient(135deg, #ABCD9A, #BC9ACD);

探索每种颜色

#ABCD9A

查看完整颜色详情

#BC9ACD

查看完整颜色详情

相关比较