#503C79

#503C79

#65793C

#65793C

对比度

1.92:1

Delta E

77.15

Very Different

50:50 混合

#605B5D

颜色值

格式 #503C79 #65793C
HEX #503C79 #65793C
RGB 80, 60, 121 101, 121, 60
HSL 259.7, 33.7%, 35.5% 79.7, 33.7%, 35.5%
HSV 259.7, 50.4%, 47.5% 79.7, 50.4%, 47.5%
CMYK 33.9%, 50.4%, 0.0%, 52.5% 16.5%, 0.0%, 50.4%, 52.5%
OKLCH 0.4078 0.1005 296.8 0.5452 0.0893 124.3

对比度与无障碍

1.92:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #65793C → 背景色: #503C79

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

文本: #503C79 → 背景色: #65793C

色差 (Delta E)

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

渐变

#503C79 #574670 #5C5167 #605B5D #636553 #646F48 #65793C

颜色混合

#503C79

100%

#5A4B6B

75:25

#605B5D

50:50

#646A4E

25:75

#65793C

100%

CSS渐变代码

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

探索每种颜色

#503C79

查看完整颜色详情

#65793C

查看完整颜色详情

相关比较