#080D9C

#080D9C

#9C9708

#9C9708

对比度

4.42:1

Delta E

155.25

Very Different

50:50 混合

#7A5366

颜色值

格式 #080D9C #9C9708
HEX #080D9C #9C9708
RGB 8, 13, 156 156, 151, 8
HSL 238.0, 90.2%, 32.2% 58.0, 90.2%, 32.2%
HSV 238.0, 94.9%, 61.2% 58.0, 94.9%, 61.2%
CMYK 94.9%, 91.7%, 0.0%, 38.8% 0.0%, 3.2%, 94.9%, 38.8%
OKLCH 0.324 0.2094 265.7 0.6594 0.1399 107.3

对比度与无障碍

4.42:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9C9708 → 背景色: #080D9C

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

文本: #080D9C → 背景色: #9C9708

色差 (Delta E)

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

渐变

#080D9C #4C268A #673C79 #7A5366 #886951 #938038 #9C9708

颜色混合

#080D9C

100%

#5B3182

75:25

#7A5366

50:50

#8E7546

25:75

#9C9708

100%

CSS渐变代码

background: linear-gradient(to right, #080D9C, #9C9708);
background: linear-gradient(135deg, #080D9C, #9C9708);

探索每种颜色

#080D9C

查看完整颜色详情

#9C9708

查看完整颜色详情

相关比较