#213EB3

#213EB3

#B39621

#B39621

对比度

3.04:1

Delta E

133.17

Very Different

50:50 混合

#8A6775

颜色值

格式 #213EB3 #B39621
HEX #213EB3 #B39621
RGB 33, 62, 179 179, 150, 33
HSL 228.1, 68.9%, 41.6% 48.1, 68.9%, 41.6%
HSV 228.1, 81.6%, 70.2% 48.1, 81.6%, 70.2%
CMYK 81.6%, 65.4%, 0.0%, 29.8% 0.0%, 16.2%, 81.6%, 29.8%
OKLCH 0.4256 0.1877 266.8 0.6803 0.1302 93.9

对比度与无障碍

3.04:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #B39621 → 背景色: #213EB3

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

文本: #213EB3 → 背景色: #B39621

色差 (Delta E)

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

渐变

#213EB3 #594A9F #76588A #8A6775 #9A765E #A78645 #B39621

颜色混合

#213EB3

100%

#695194

75:25

#8A6775

50:50

#A17E52

25:75

#B39621

100%

CSS渐变代码

background: linear-gradient(to right, #213EB3, #B39621);
background: linear-gradient(135deg, #213EB3, #B39621);

探索每种颜色

#213EB3

查看完整颜色详情

#B39621

查看完整颜色详情

相关比较