#303EB2

#303EB2

#B2A430

#B2A430

对比度

3.36:1

Delta E

133.34

Very Different

50:50 混合

#8B6E7A

颜色值

格式 #303EB2 #B2A430
HEX #303EB2 #B2A430
RGB 48, 62, 178 178, 164, 48
HSL 233.5, 57.5%, 44.3% 53.5, 57.5%, 44.3%
HSV 233.5, 73.0%, 69.8% 53.5, 73.0%, 69.8%
CMYK 73.0%, 65.2%, 0.0%, 30.2% 0.0%, 7.9%, 73.0%, 30.2%
OKLCH 0.4316 0.1825 271.0 0.7102 0.1323 102.2

对比度与无障碍

3.36:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #B2A430 → 背景色: #303EB2

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

文本: #303EB2 → 背景色: #B2A430

色差 (Delta E)

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

渐变

#303EB2 #5D4DA0 #775D8D #8B6E7A #9A8066 #A7924F #B2A430

颜色混合

#303EB2

100%

#6B5597

75:25

#8B6E7A

50:50

#A1895B

25:75

#B2A430

100%

CSS渐变代码

background: linear-gradient(to right, #303EB2, #B2A430);
background: linear-gradient(135deg, #303EB2, #B2A430);

探索每种颜色

#303EB2

查看完整颜色详情

#B2A430

查看完整颜色详情

相关比较