#1508B7

#1508B7

#AAB708

#AAB708

对比度

5.42:1

Delta E

180.86

Very Different

50:50 混合

颜色值

格式 #1508B7 #AAB708
HEX #1508B7 #AAB708
RGB 21, 8, 183 170, 183, 8
HSL 244.5, 91.6%, 37.5% 64.5, 91.6%, 37.5%
HSV 244.5, 95.6%, 71.8% 64.5, 95.6%, 71.8%
CMYK 88.5%, 95.6%, 0.0%, 28.2% 7.1%, 0.0%, 95.6%, 28.2%
OKLCH 0.3619 0.2374 267.3 0.7438 0.1669 114.8

对比度与无障碍

5.42:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #AAB708 → 背景色: #1508B7

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

文本: #1508B7 → 背景色: #AAB708

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #1508B7, #AAB708);
background: linear-gradient(135deg, #1508B7, #AAB708);

探索每种颜色

相关比较