#2412AF

#2412AF

#9DAF12

#9DAF12

对比度

4.82:1

Delta E

170.04

Very Different

50:50 混合

#836374

颜色值

格式 #2412AF #9DAF12
HEX #2412AF #9DAF12
RGB 36, 18, 175 157, 175, 18
HSL 246.9, 81.3%, 37.8% 66.9, 81.3%, 37.8%
HSV 246.9, 89.7%, 68.6% 66.9, 89.7%, 68.6%
CMYK 79.4%, 89.7%, 0.0%, 31.4% 10.3%, 0.0%, 89.7%, 31.4%
OKLCH 0.3643 0.221 271.8 0.7154 0.1612 117.0

对比度与无障碍

4.82:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #9DAF12 → 背景色: #2412AF

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

文本: #2412AF → 背景色: #9DAF12

色差 (Delta E)

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

渐变

#2412AF #58309C #724A88 #836374 #8F7C5E #989543 #9DAF12

颜色混合

#2412AF

100%

#663D92

75:25

#836374

50:50

#948951

25:75

#9DAF12

100%

CSS渐变代码

background: linear-gradient(to right, #2412AF, #9DAF12);
background: linear-gradient(135deg, #2412AF, #9DAF12);

探索每种颜色

#2412AF

查看完整颜色详情

#9DAF12

查看完整颜色详情

相关比较