#2E26A5

#2E26A5

#9DA526

#9DA526

对比度

4.05:1

Delta E

146.14

Very Different

50:50 混合

#7F6471

颜色值

格式 #2E26A5 #9DA526
HEX #2E26A5 #9DA526
RGB 46, 38, 165 157, 165, 38
HSL 243.8, 62.6%, 39.8% 63.8, 62.6%, 39.8%
HSV 243.8, 77.0%, 64.7% 63.8, 77.0%, 64.7%
CMYK 72.1%, 77.0%, 0.0%, 35.3% 4.8%, 0.0%, 77.0%, 35.3%
OKLCH 0.3797 0.1923 274.9 0.6932 0.1427 113.3

对比度与无障碍

4.05:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA526 → 背景色: #2E26A5

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

文本: #2E26A5 → 背景色: #9DA526

色差 (Delta E)

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

渐变

#2E26A5 #573B94 #6E4F83 #7F6471 #8C7A5E #968F47 #9DA526

颜色混合

#2E26A5

100%

#64458C

75:25

#7F6471

50:50

#918453

25:75

#9DA526

100%

CSS渐变代码

background: linear-gradient(to right, #2E26A5, #9DA526);
background: linear-gradient(135deg, #2E26A5, #9DA526);

探索每种颜色

#2E26A5

查看完整颜色详情

#9DA526

查看完整颜色详情

相关比较