#2D21A9

#2D21A9

#9DA921

#9DA921

对比度

4.27:1

Delta E

154.18

Very Different

50:50 混合

颜色值

格式 #2D21A9 #9DA921
HEX #2D21A9 #9DA921
RGB 45, 33, 169 157, 169, 33
HSL 245.3, 67.3%, 39.6% 65.3, 67.3%, 39.6%
HSV 245.3, 80.5%, 66.3% 65.3, 80.5%, 66.3%
CMYK 73.4%, 80.5%, 0.0%, 33.7% 7.1%, 0.0%, 80.5%, 33.7%
OKLCH 0.3771 0.2018 274.7 0.7021 0.1495 114.9

对比度与无障碍

4.27:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA921 → 背景色: #2D21A9

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

文本: #2D21A9 → 背景色: #9DA921

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

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

探索每种颜色

相关比较