#301073

#301073

#537310

#537310

对比度

2.64:1

Delta E

119.74

Very Different

50:50 混合

#51444B

颜色值

格式 #301073 #537310
HEX #301073 #537310
RGB 48, 16, 115 83, 115, 16
HSL 259.4, 75.6%, 25.7% 79.4, 75.6%, 25.7%
HSV 259.4, 86.1%, 45.1% 79.4, 86.1%, 45.1%
CMYK 58.3%, 86.1%, 0.0%, 54.9% 27.8%, 0.0%, 86.1%, 54.9%
OKLCH 0.3001 0.1516 288.0 0.5121 0.1253 127.1

对比度与无障碍

2.64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #537310 → 背景色: #301073

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

文本: #301073 → 背景色: #537310

色差 (Delta E)

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

渐变

#301073 #412466 #4B3559 #51444B #55543D #55632B #537310

颜色混合

#301073

100%

#472C60

75:25

#51444B

50:50

#555C34

25:75

#537310

100%

CSS渐变代码

background: linear-gradient(to right, #301073, #537310);
background: linear-gradient(135deg, #301073, #537310);

探索每种颜色

#301073

查看完整颜色详情

#537310

查看完整颜色详情

相关比较