#503FCC

#503FCC

#BBCC3F

#BBCC3F

对比度

4.04:1

Delta E

158.18

Very Different

50:50 混合

#9D8490

颜色值

格式 #503FCC #BBCC3F
HEX #503FCC #BBCC3F
RGB 80, 63, 204 187, 204, 63
HSL 247.2, 58.0%, 52.4% 67.2, 58.0%, 52.4%
HSV 247.2, 69.1%, 80.0% 67.2, 69.1%, 80.0%
CMYK 60.8%, 69.1%, 0.0%, 20.0% 8.3%, 0.0%, 69.1%, 20.0%
OKLCH 0.4783 0.2071 280.6 0.8068 0.1613 116.1

对比度与无障碍

4.04:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #BBCC3F → 背景色: #503FCC

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

文本: #503FCC → 背景色: #BBCC3F

色差 (Delta E)

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

渐变

#503FCC #7556B9 #8C6DA5 #9D8490 #AA9C7A #B4B461 #BBCC3F

颜色混合

#503FCC

100%

#8161AF

75:25

#9D8490

50:50

#AFA86E

25:75

#BBCC3F

100%

CSS渐变代码

background: linear-gradient(to right, #503FCC, #BBCC3F);
background: linear-gradient(135deg, #503FCC, #BBCC3F);

探索每种颜色

#503FCC

查看完整颜色详情

#BBCC3F

查看完整颜色详情

相关比较