#503C6D

#503C6D

#596D3C

#596D3C

对比度

1.67:1

Delta E

63.69

Very Different

50:50 混合

#585556

颜色值

格式 #503C6D #596D3C
HEX #503C6D #596D3C
RGB 80, 60, 109 89, 109, 60
HSL 264.5, 29.0%, 33.1% 84.5, 29.0%, 33.1%
HSV 264.5, 45.0%, 42.7% 84.5, 45.0%, 42.7%
CMYK 26.6%, 45.0%, 0.0%, 57.3% 18.3%, 0.0%, 45.0%, 57.3%
OKLCH 0.4005 0.083 301.6 0.5058 0.076 127.1

对比度与无障碍

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #596D3C → 背景色: #503C6D

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

文本: #503C6D → 背景色: #596D3C

色差 (Delta E)

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

渐变

#503C6D #544466 #574D5E #585556 #595D4E #5A6545 #596D3C

颜色混合

#503C6D

100%

#554962

75:25

#585556

50:50

#5A614A

25:75

#596D3C

100%

CSS渐变代码

background: linear-gradient(to right, #503C6D, #596D3C);
background: linear-gradient(135deg, #503C6D, #596D3C);

探索每种颜色

#503C6D

查看完整颜色详情

#596D3C

查看完整颜色详情

相关比较