#ABCD8D

#ABCD8D

#AF8DCD

#AF8DCD

对比度

1.58:1

Delta E

75.36

Very Different

50:50 混合

#B1AEAE

颜色值

格式 #ABCD8D #AF8DCD
HEX #ABCD8D #AF8DCD
RGB 171, 205, 141 175, 141, 205
HSL 91.9, 39.0%, 67.8% 271.9, 39.0%, 67.8%
HSV 91.9, 31.2%, 80.4% 271.9, 31.2%, 80.4%
CMYK 16.6%, 0.0%, 31.2%, 19.6% 14.6%, 31.2%, 0.0%, 19.6%
OKLCH 0.8075 0.0938 131.0 0.6979 0.0986 308.3

对比度与无障碍

1.58:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF8DCD → 背景色: #ABCD8D

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

文本: #ABCD8D → 背景色: #AF8DCD

色差 (Delta E)

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

渐变

#ABCD8D #AEC399 #B0B8A4 #B1AEAE #B1A3B9 #B098C3 #AF8DCD

颜色混合

#ABCD8D

100%

#AFBD9E

75:25

#B1AEAE

50:50

#B19EBE

25:75

#AF8DCD

100%

CSS渐变代码

background: linear-gradient(to right, #ABCD8D, #AF8DCD);
background: linear-gradient(135deg, #ABCD8D, #AF8DCD);

探索每种颜色

#ABCD8D

查看完整颜色详情

#AF8DCD

查看完整颜色详情

相关比较