#6DCD3D

#6DCD3D

#9D3DCD

#9D3DCD

对比度

2.62:1

Delta E

166.46

Very Different

50:50 混合

#9A8E8E

颜色值

格式 #6DCD3D #9D3DCD
HEX #6DCD3D #9D3DCD
RGB 109, 205, 61 157, 61, 205
HSL 100.0, 59.0%, 52.2% 280.0, 59.0%, 52.2%
HSV 100.0, 70.2%, 80.4% 280.0, 70.2%, 80.4%
CMYK 46.8%, 0.0%, 70.2%, 19.6% 23.4%, 70.2%, 0.0%, 19.6%
OKLCH 0.7612 0.1998 137.2 0.5576 0.2172 311.9

对比度与无障碍

2.62:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9D3DCD → 背景色: #6DCD3D

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

文本: #6DCD3D → 背景色: #9D3DCD

色差 (Delta E)

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

渐变

#6DCD3D #83B95E #91A477 #9A8E8E #9E77A4 #9F5DB9 #9D3DCD

颜色混合

#6DCD3D

100%

#8AAE6B

75:25

#9A8E8E

50:50

#9F6AAE

25:75

#9D3DCD

100%

CSS渐变代码

background: linear-gradient(to right, #6DCD3D, #9D3DCD);
background: linear-gradient(135deg, #6DCD3D, #9D3DCD);

探索每种颜色

#6DCD3D

查看完整颜色详情

#9D3DCD

查看完整颜色详情

相关比较