#503C6F

#503C6F

#5B6F3C

#5B6F3C

对比度

1.71:1

Delta E

65.94

Very Different

50:50 混合

#5A5657

颜色值

格式 #503C6F #5B6F3C
HEX #503C6F #5B6F3C
RGB 80, 60, 111 91, 111, 60
HSL 263.5, 29.8%, 33.5% 83.5, 29.8%, 33.5%
HSV 263.5, 45.9%, 43.5% 83.5, 45.9%, 43.5%
CMYK 27.9%, 45.9%, 0.0%, 56.5% 18.0%, 0.0%, 45.9%, 56.5%
OKLCH 0.4016 0.086 300.7 0.5124 0.0783 126.5

对比度与无障碍

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #5B6F3C → 背景色: #503C6F

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

文本: #503C6F → 背景色: #5B6F3C

色差 (Delta E)

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

渐变

#503C6F #544567 #574D5F #5A5657 #5B5E4F #5B6746 #5B6F3C

颜色混合

#503C6F

100%

#564963

75:25

#5A5657

50:50

#5B624A

25:75

#5B6F3C

100%

CSS渐变代码

background: linear-gradient(to right, #503C6F, #5B6F3C);
background: linear-gradient(135deg, #503C6F, #5B6F3C);

探索每种颜色

#503C6F

查看完整颜色详情

#5B6F3C

查看完整颜色详情

相关比较