#2F27A5

#2F27A5

#9DA527

#9DA527

对比度

4.01:1

Delta E

145.22

Very Different

50:50 混合

#7F6572

颜色值

格式 #2F27A5 #9DA527
HEX #2F27A5 #9DA527
RGB 47, 39, 165 157, 165, 39
HSL 243.8, 61.8%, 40.0% 63.8, 61.8%, 40.0%
HSV 243.8, 76.4%, 64.7% 63.8, 76.4%, 64.7%
CMYK 71.5%, 76.4%, 0.0%, 35.3% 4.8%, 0.0%, 76.4%, 35.3%
OKLCH 0.3817 0.1911 275.2 0.6933 0.1422 113.3

对比度与无障碍

4.01:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA527 → 背景色: #2F27A5

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

文本: #2F27A5 → 背景色: #9DA527

色差 (Delta E)

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

渐变

#2F27A5 #573B94 #6E5083 #7F6572 #8C7A5E #968F47 #9DA527

颜色混合

#2F27A5

100%

#64468C

75:25

#7F6572

50:50

#918553

25:75

#9DA527

100%

CSS渐变代码

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

探索每种颜色

#2F27A5

查看完整颜色详情

#9DA527

查看完整颜色详情

相关比较