#7C4BDA

#7C4BDA

#A9DA4B

#A9DA4B

对比度

3.31:1

Delta E

160.4

Very Different

50:50 混合

#A5949C

颜色值

格式 #7C4BDA #A9DA4B
HEX #7C4BDA #A9DA4B
RGB 124, 75, 218 169, 218, 75
HSL 260.6, 65.9%, 57.5% 80.6, 65.9%, 57.5%
HSV 260.6, 65.6%, 85.5% 80.6, 65.6%, 85.5%
CMYK 43.1%, 65.6%, 0.0%, 14.5% 22.5%, 0.0%, 65.6%, 14.5%
OKLCH 0.5464 0.207 294.2 0.8266 0.177 126.3

对比度与无障碍

3.31:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #A9DA4B → 背景色: #7C4BDA

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

文本: #7C4BDA → 背景色: #A9DA4B

色差 (Delta E)

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

渐变

#7C4BDA #8F65C6 #9D7DB1 #A5949C #AAAC85 #ABC36B #A9DA4B

颜色混合

#7C4BDA

100%

#9771BC

75:25

#A5949C

50:50

#ABB778

25:75

#A9DA4B

100%

CSS渐变代码

background: linear-gradient(to right, #7C4BDA, #A9DA4B);
background: linear-gradient(135deg, #7C4BDA, #A9DA4B);

探索每种颜色

#7C4BDA

查看完整颜色详情

#A9DA4B

查看完整颜色详情

相关比较