#050CB2

#050CB2

#B2AB05

#B2AB05

对比度

5.12:1

Delta E

172.61

Very Different

50:50 混合

#8B5D74

颜色值

格式 #050CB2 #B2AB05
HEX #050CB2 #B2AB05
RGB 5, 12, 178 178, 171, 5
HSL 237.6, 94.5%, 35.9% 57.6, 94.5%, 35.9%
HSV 237.6, 97.2%, 69.8% 57.6, 97.2%, 69.8%
CMYK 97.2%, 93.3%, 0.0%, 30.2% 0.0%, 3.9%, 97.2%, 30.2%
OKLCH 0.3529 0.2338 264.9 0.7238 0.1541 106.7

对比度与无障碍

5.12:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #B2AB05 → 背景色: #050CB2

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

文本: #050CB2 → 背景色: #B2AB05

色差 (Delta E)

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

渐变

#050CB2 #572A9E #76448A #8B5D74 #9C775D #A89140 #B2AB05

颜色混合

#050CB2

100%

#683794

75:25

#8B5D74

50:50

#A28450

25:75

#B2AB05

100%

CSS渐变代码

background: linear-gradient(to right, #050CB2, #B2AB05);
background: linear-gradient(135deg, #050CB2, #B2AB05);

探索每种颜色

#050CB2

查看完整颜色详情

#B2AB05

查看完整颜色详情

相关比较