#2E2AB0

#2E2AB0

#ACB02A

#ACB02A

对比度

4.34:1

Delta E

152.57

Very Different

50:50 混合

#896B79

颜色值

格式 #2E2AB0 #ACB02A
HEX #2E2AB0 #ACB02A
RGB 46, 42, 176 172, 176, 42
HSL 241.8, 61.5%, 42.7% 61.8, 61.5%, 42.7%
HSV 241.8, 76.1%, 69.0% 61.8, 76.1%, 69.0%
CMYK 73.9%, 76.1%, 0.0%, 31.0% 2.3%, 0.0%, 76.1%, 31.0%
OKLCH 0.397 0.2019 273.5 0.7309 0.1481 111.3

对比度与无障碍

4.34:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #ACB02A → 背景色: #2E2AB0

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

文本: #2E2AB0 → 背景色: #ACB02A

色差 (Delta E)

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

渐变

#2E2AB0 #5C3F9E #76558C #896B79 #988265 #A3994D #ACB02A

颜色混合

#2E2AB0

100%

#6B4A95

75:25

#896B79

50:50

#9E8D59

25:75

#ACB02A

100%

CSS渐变代码

background: linear-gradient(to right, #2E2AB0, #ACB02A);
background: linear-gradient(135deg, #2E2AB0, #ACB02A);

探索每种颜色

#2E2AB0

查看完整颜色详情

#ACB02A

查看完整颜色详情

相关比较