#7E6DDA

#7E6DDA

#C9DA6D

#C9DA6D

对比度

2.7:1

Delta E

122.46

Very Different

50:50 混合

#B0A2A8

颜色值

格式 #7E6DDA #C9DA6D
HEX #7E6DDA #C9DA6D
RGB 126, 109, 218 201, 218, 109
HSL 249.4, 59.6%, 64.1% 69.4, 59.6%, 64.1%
HSV 249.4, 50.0%, 85.5% 69.4, 50.0%, 85.5%
CMYK 42.2%, 50.0%, 0.0%, 14.5% 7.8%, 0.0%, 50.0%, 14.5%
OKLCH 0.6024 0.1605 287.7 0.8528 0.1358 116.7

对比度与无障碍

2.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C9DA6D → 背景色: #7E6DDA

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

文本: #7E6DDA → 背景色: #C9DA6D

色差 (Delta E)

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

渐变

#7E6DDA #937FCA #A390B9 #B0A2A8 #BAB596 #C2C783 #C9DA6D

颜色混合

#7E6DDA

100%

#9B87C2

75:25

#B0A2A8

50:50

#BEBE8D

25:75

#C9DA6D

100%

CSS渐变代码

background: linear-gradient(to right, #7E6DDA, #C9DA6D);
background: linear-gradient(135deg, #7E6DDA, #C9DA6D);

探索每种颜色

#7E6DDA

查看完整颜色详情

#C9DA6D

查看完整颜色详情

相关比较