#503C76

#503C76

#62763C

#62763C

对比度

1.86:1

Delta E

73.81

Very Different

50:50 混合

#5E595B

颜色值

格式 #503C76 #62763C
HEX #503C76 #62763C
RGB 80, 60, 118 98, 118, 60
HSL 260.7, 32.6%, 34.9% 80.7, 32.6%, 34.9%
HSV 260.7, 49.2%, 46.3% 80.7, 49.2%, 46.3%
CMYK 32.2%, 49.2%, 0.0%, 53.7% 16.9%, 0.0%, 49.2%, 53.7%
OKLCH 0.4059 0.0962 297.9 0.5354 0.086 124.9

对比度与无障碍

1.86:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #62763C → 背景色: #503C76

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

文本: #503C76 → 背景色: #62763C

色差 (Delta E)

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

渐变

#503C76 #56466D #5B5064 #5E595B #616352 #626C47 #62763C

颜色混合

#503C76

100%

#594B69

75:25

#5E595B

50:50

#61684D

25:75

#62763C

100%

CSS渐变代码

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

探索每种颜色

#503C76

查看完整颜色详情

#62763C

查看完整颜色详情

相关比较