#2D2AB5

#2D2AB5

#B2B52A

#B2B52A

对比度

4.52:1

Delta E

157.13

Very Different

50:50 混合

#8D6E7D

颜色值

格式 #2D2AB5 #B2B52A
HEX #2D2AB5 #B2B52A
RGB 45, 42, 181 178, 181, 42
HSL 241.3, 62.3%, 43.7% 61.3, 62.3%, 43.7%
HSV 241.3, 76.8%, 71.0% 61.3, 76.8%, 71.0%
CMYK 75.1%, 76.8%, 0.0%, 29.0% 1.7%, 0.0%, 76.8%, 29.0%
OKLCH 0.4018 0.2082 272.8 0.7471 0.1517 110.8

对比度与无障碍

4.52:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #B2B52A → 背景色: #2D2AB5

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

文本: #2D2AB5 → 背景色: #B2B52A

色差 (Delta E)

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

渐变

#2D2AB5 #5E40A3 #7A5790 #8D6E7D #9C8567 #A89D4E #B2B52A

颜色混合

#2D2AB5

100%

#6D4B9A

75:25

#8D6E7D

50:50

#A3915C

25:75

#B2B52A

100%

CSS渐变代码

background: linear-gradient(to right, #2D2AB5, #B2B52A);
background: linear-gradient(135deg, #2D2AB5, #B2B52A);

探索每种颜色

#2D2AB5

查看完整颜色详情

#B2B52A

查看完整颜色详情

相关比较