#2E27A4

#2E27A4

#9DA427

#9DA427

对比度

4.0:1

Delta E

144.29

Very Different

50:50 混合

#7F6471

颜色值

格式 #2E27A4 #9DA427
HEX #2E27A4 #9DA427
RGB 46, 39, 164 157, 164, 39
HSL 243.4, 61.6%, 39.8% 63.4, 61.6%, 39.8%
HSV 243.4, 76.2%, 64.3% 63.4, 76.2%, 64.3%
CMYK 72.0%, 76.2%, 0.0%, 35.7% 4.3%, 0.0%, 76.2%, 35.7%
OKLCH 0.3799 0.1901 274.9 0.691 0.1411 112.8

对比度与无障碍

4.0:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA427 → 背景色: #2E27A4

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

文本: #2E27A4 → 背景色: #9DA427

色差 (Delta E)

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

渐变

#2E27A4 #573B94 #6E4F83 #7F6471 #8B795E #958E47 #9DA427

颜色混合

#2E27A4

100%

#63458B

75:25

#7F6471

50:50

#918453

25:75

#9DA427

100%

CSS渐变代码

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

探索每种颜色

#2E27A4

查看完整颜色详情

#9DA427

查看完整颜色详情

相关比较