#211BA3

#211BA3

#9DA31B

#9DA31B

对比度

4.39:1

Delta E

153.71

Very Different

50:50 混合

#7E5E6E

颜色值

格式 #211BA3 #9DA31B
HEX #211BA3 #9DA31B
RGB 33, 27, 163 157, 163, 27
HSL 242.6, 71.6%, 37.3% 62.6, 71.6%, 37.3%
HSV 242.6, 83.4%, 63.9% 62.6, 83.4%, 63.9%
CMYK 79.8%, 83.4%, 0.0%, 36.1% 3.7%, 0.0%, 83.4%, 36.1%
OKLCH 0.356 0.2027 271.3 0.6881 0.1457 112.4

对比度与无障碍

4.39:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA31B → 背景色: #211BA3

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

文本: #211BA3 → 背景色: #9DA31B

色差 (Delta E)

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

渐变

#211BA3 #523292 #6C4880 #7E5E6E #8B755A #958C41 #9DA31B

颜色混合

#211BA3

100%

#603D89

75:25

#7E5E6E

50:50

#91804E

25:75

#9DA31B

100%

CSS渐变代码

background: linear-gradient(to right, #211BA3, #9DA31B);
background: linear-gradient(135deg, #211BA3, #9DA31B);

探索每种颜色

#211BA3

查看完整颜色详情

#9DA31B

查看完整颜色详情

相关比较