#A3FC86

#A3FC86

#DF86FC

#DF86FC

对比度

1.88:1

Delta E

138.91

Very Different

50:50 混合

#CDC6C5

颜色值

格式 #A3FC86 #DF86FC
HEX #A3FC86 #DF86FC
RGB 163, 252, 134 223, 134, 252
HSL 105.3, 95.2%, 75.7% 285.3, 95.2%, 75.7%
HSV 105.3, 46.8%, 98.8% 285.3, 46.8%, 98.8%
CMYK 35.3%, 0.0%, 46.8%, 1.2% 11.5%, 46.8%, 0.0%, 1.2%
OKLCH 0.9085 0.1751 138.4 0.7572 0.1851 317.4

对比度与无障碍

1.88:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF86FC → 背景色: #A3FC86

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

文本: #A3FC86 → 背景色: #DF86FC

色差 (Delta E)

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

渐变

#A3FC86 #B5EA9C #C3D8B1 #CDC6C5 #D5B2D8 #DB9DEA #DF86FC

颜色混合

#A3FC86

100%

#BCE1A7

75:25

#CDC6C5

50:50

#D8A8E1

25:75

#DF86FC

100%

CSS渐变代码

background: linear-gradient(to right, #A3FC86, #DF86FC);
background: linear-gradient(135deg, #A3FC86, #DF86FC);

探索每种颜色

#A3FC86

查看完整颜色详情

#DF86FC

查看完整颜色详情

相关比较