#503C84

#503C84

#70843C

#70843C

对比度

2.18:1

Delta E

89.22

Very Different

50:50 混合

#686063

颜色值

格式 #503C84 #70843C
HEX #503C84 #70843C
RGB 80, 60, 132 112, 132, 60
HSL 256.7, 37.5%, 37.6% 76.7, 37.5%, 37.6%
HSV 256.7, 54.5%, 51.8% 76.7, 54.5%, 51.8%
CMYK 39.4%, 54.5%, 0.0%, 48.2% 15.2%, 0.0%, 54.5%, 48.2%
OKLCH 0.4151 0.1163 293.5 0.5808 0.1007 122.5

对比度与无障碍

2.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #70843C → 背景色: #503C84

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

文本: #503C84 → 背景色: #70843C

色差 (Delta E)

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

渐变

#503C84 #5A4879 #62546F #686063 #6C6C57 #6F784B #70843C

颜色混合

#503C84

100%

#5E4E74

75:25

#686063

50:50

#6D7251

25:75

#70843C

100%

CSS渐变代码

background: linear-gradient(to right, #503C84, #70843C);
background: linear-gradient(135deg, #503C84, #70843C);

探索每种颜色

#503C84

查看完整颜色详情

#70843C

查看完整颜色详情

相关比较