#373CAA

#373CAA

#AAA537

#AAA537

对比度

3.41:1

Delta E

128.26

Very Different

50:50 混合

颜色值

格式 #373CAA #AAA537
HEX #373CAA #AAA537
RGB 55, 60, 170 170, 165, 55
HSL 237.4, 51.1%, 44.1% 57.4, 51.1%, 44.1%
HSV 237.4, 67.6%, 66.7% 57.4, 67.6%, 66.7%
CMYK 67.6%, 64.7%, 0.0%, 33.3% 0.0%, 2.9%, 67.6%, 33.3%
OKLCH 0.4249 0.1724 274.3 0.7056 0.1292 106.7

对比度与无障碍

3.41:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #AAA537 → 背景色: #373CAA

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

文本: #373CAA → 背景色: #AAA537

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #373CAA, #AAA537);
background: linear-gradient(135deg, #373CAA, #AAA537);

探索每种颜色

相关比较