#080BAF

#080BAF

#AFAC08

#AFAC08

对比度

5.2:1

Delta E

171.96

Very Different

50:50 混合

#895E73

颜色值

格式 #080BAF #AFAC08
HEX #080BAF #AFAC08
RGB 8, 11, 175 175, 172, 8
HSL 238.9, 91.3%, 35.9% 58.9, 91.3%, 35.9%
HSV 238.9, 95.4%, 68.6% 58.9, 95.4%, 68.6%
CMYK 95.4%, 93.7%, 0.0%, 31.4% 0.0%, 1.7%, 95.4%, 31.4%
OKLCH 0.3489 0.2306 265.3 0.7234 0.155 108.5

对比度与无障碍

5.2:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #AFAC08 → 背景色: #080BAF

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

文本: #080BAF → 背景色: #AFAC08

色差 (Delta E)

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

渐变

#080BAF #562A9C #744488 #895E73 #99785C #A59240 #AFAC08

颜色混合

#080BAF

100%

#673792

75:25

#895E73

50:50

#A0854F

25:75

#AFAC08

100%

CSS渐变代码

background: linear-gradient(to right, #080BAF, #AFAC08);
background: linear-gradient(135deg, #080BAF, #AFAC08);

探索每种颜色

#080BAF

查看完整颜色详情

#AFAC08

查看完整颜色详情

相关比较