#533CD3

#533CD3

#BCD33C

#BCD33C

对比度

4.24:1

Delta E

167.6

Very Different

50:50 混合

#A18794

颜色值

格式 #533CD3 #BCD33C
HEX #533CD3 #BCD33C
RGB 83, 60, 211 188, 211, 60
HSL 249.1, 63.2%, 53.1% 69.1, 63.2%, 53.1%
HSV 249.1, 71.6%, 82.7% 69.1, 71.6%, 82.7%
CMYK 60.7%, 71.6%, 0.0%, 17.3% 10.9%, 0.0%, 71.6%, 17.3%
OKLCH 0.4828 0.2182 281.4 0.8229 0.1707 117.9

对比度与无障碍

4.24:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #BCD33C → 背景色: #533CD3

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

文本: #533CD3 → 背景色: #BCD33C

色差 (Delta E)

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

渐变

#533CD3 #7855BF #906EAA #A18794 #ADA07C #B6B961 #BCD33C

颜色混合

#533CD3

100%

#8562B4

75:25

#A18794

50:50

#B2AD6F

25:75

#BCD33C

100%

CSS渐变代码

background: linear-gradient(to right, #533CD3, #BCD33C);
background: linear-gradient(135deg, #533CD3, #BCD33C);

探索每种颜色

#533CD3

查看完整颜色详情

#BCD33C

查看完整颜色详情

相关比较