#86A9DA

#86A9DA

#DAB786

#DAB786

对比度

1.28:1

Delta E

59.02

Very Different

50:50 混合

#B8B0B1

颜色值

格式 #86A9DA #DAB786
HEX #86A9DA #DAB786
RGB 134, 169, 218 218, 183, 134
HSL 215.0, 53.2%, 69.0% 35.0, 53.2%, 69.0%
HSV 215.0, 38.5%, 85.5% 35.0, 38.5%, 85.5%
CMYK 38.5%, 22.5%, 0.0%, 14.5% 0.0%, 16.1%, 38.5%, 14.5%
OKLCH 0.7273 0.0814 256.9 0.7985 0.0761 75.6

对比度与无障碍

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

文本可读性

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

文本: #DAB786 → 背景色: #86A9DA

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

文本: #86A9DA → 背景色: #DAB786

色差 (Delta E)

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

渐变

#86A9DA #99ABCC #AAADBE #B8B0B1 #C4B2A3 #D0B494 #DAB786

颜色混合

#86A9DA

100%

#A2ACC5

75:25

#B8B0B1

50:50

#CAB39C

25:75

#DAB786

100%

CSS渐变代码

background: linear-gradient(to right, #86A9DA, #DAB786);
background: linear-gradient(135deg, #86A9DA, #DAB786);

探索每种颜色

#86A9DA

查看完整颜色详情

#DAB786

查看完整颜色详情

相关比较