#301CAC

#301CAC

#98AC1C

#98AC1C

对比度

4.37:1

Delta E

160.88

Very Different

50:50 混合

#816573

颜色值

格式 #301CAC #98AC1C
HEX #301CAC #98AC1C
RGB 48, 28, 172 152, 172, 28
HSL 248.3, 72.0%, 39.2% 68.3, 72.0%, 39.2%
HSV 248.3, 83.7%, 67.5% 68.3, 83.7%, 67.5%
CMYK 72.1%, 83.7%, 0.0%, 32.5% 11.6%, 0.0%, 83.7%, 32.5%
OKLCH 0.3772 0.2084 275.9 0.7049 0.1566 118.0

对比度与无障碍

4.37:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #98AC1C → 背景色: #301CAC

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

文本: #301CAC → 背景色: #98AC1C

色差 (Delta E)

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

渐变

#301CAC #5A369A #714E87 #816573 #8C7C5E #939445 #98AC1C

颜色混合

#301CAC

100%

#674290

75:25

#816573

50:50

#908852

25:75

#98AC1C

100%

CSS渐变代码

background: linear-gradient(to right, #301CAC, #98AC1C);
background: linear-gradient(135deg, #301CAC, #98AC1C);

探索每种颜色

#301CAC

查看完整颜色详情

#98AC1C

查看完整颜色详情

相关比较