#5349C9

#5349C9

#BFC949

#BFC949

对比度

3.69:1

Delta E

144.99

Very Different

50:50 混合

#9E8792

颜色值

格式 #5349C9 #BFC949
HEX #5349C9 #BFC949
RGB 83, 73, 201 191, 201, 73
HSL 244.7, 54.2%, 53.7% 64.7, 54.2%, 53.7%
HSV 244.7, 63.7%, 78.8% 64.7, 63.7%, 78.8%
CMYK 58.7%, 63.7%, 0.0%, 21.2% 5.0%, 0.0%, 63.7%, 21.2%
OKLCH 0.4935 0.1912 280.3 0.8041 0.1498 113.5

对比度与无障碍

3.69:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #BFC949 → 背景色: #5349C9

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

文本: #5349C9 → 背景色: #BFC949

色差 (Delta E)

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

渐变

#5349C9 #755DB7 #8C72A5 #9E8792 #AB9D7D #B6B366 #BFC949

颜色混合

#5349C9

100%

#8268AE

75:25

#9E8792

50:50

#B1A872

25:75

#BFC949

100%

CSS渐变代码

background: linear-gradient(to right, #5349C9, #BFC949);
background: linear-gradient(135deg, #5349C9, #BFC949);

探索每种颜色

#5349C9

查看完整颜色详情

#BFC949

查看完整颜色详情

相关比较