#706FDA

#706FDA

#D9DA6F

#D9DA6F

对比度

2.86:1

Delta E

120.19

Very Different

50:50 混合

#B2A3A9

颜色值

格式 #706FDA #D9DA6F
HEX #706FDA #D9DA6F
RGB 112, 111, 218 217, 218, 111
HSL 240.6, 59.1%, 64.5% 60.6, 59.1%, 64.5%
HSV 240.6, 49.1%, 85.5% 60.6, 49.1%, 85.5%
CMYK 48.6%, 49.1%, 0.0%, 14.5% 0.5%, 0.0%, 49.1%, 14.5%
OKLCH 0.5949 0.1592 280.8 0.8657 0.1304 109.3

对比度与无障碍

2.86:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D9DA6F → 背景色: #706FDA

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

文本: #706FDA → 背景色: #D9DA6F

色差 (Delta E)

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

渐变

#706FDA #8C80CA #A191BA #B2A3A9 #C1B598 #CEC785 #D9DA6F

颜色混合

#706FDA

100%

#9788C2

75:25

#B2A3A9

50:50

#C8BE8E

25:75

#D9DA6F

100%

CSS渐变代码

background: linear-gradient(to right, #706FDA, #D9DA6F);
background: linear-gradient(135deg, #706FDA, #D9DA6F);

探索每种颜色

#706FDA

查看完整颜色详情

#D9DA6F

查看完整颜色详情

相关比较