#503C73

#503C73

#5F733C

#5F733C

对比度

1.79:1

Delta E

70.44

Very Different

50:50 混合

#5C5859

颜色值

格式 #503C73 #5F733C
HEX #503C73 #5F733C
RGB 80, 60, 115 95, 115, 60
HSL 261.8, 31.4%, 34.3% 81.8, 31.4%, 34.3%
HSV 261.8, 47.8%, 45.1% 81.8, 47.8%, 45.1%
CMYK 30.4%, 47.8%, 0.0%, 54.9% 17.4%, 0.0%, 47.8%, 54.9%
OKLCH 0.404 0.0918 299.0 0.5256 0.0827 125.5

对比度与无障碍

1.79:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #5F733C → 背景色: #503C73

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

文本: #503C73 → 背景色: #5F733C

色差 (Delta E)

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

渐变

#503C73 #55456B #594F62 #5C5859 #5E6150 #5F6A47 #5F733C

颜色混合

#503C73

100%

#574A66

75:25

#5C5859

50:50

#5F654C

25:75

#5F733C

100%

CSS渐变代码

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

探索每种颜色

#503C73

查看完整颜色详情

#5F733C

查看完整颜色详情

相关比较