#473CA8

#473CA8

#9DA83C

#9DA83C

对比度

3.27:1

Delta E

126.51

Very Different

50:50 混合

颜色值

格式 #473CA8 #9DA83C
HEX #473CA8 #9DA83C
RGB 71, 60, 168 157, 168, 60
HSL 246.1, 47.4%, 44.7% 66.1, 47.4%, 44.7%
HSV 246.1, 64.3%, 65.9% 66.1, 64.3%, 65.9%
CMYK 57.7%, 64.3%, 0.0%, 34.1% 6.5%, 0.0%, 64.3%, 34.1%
OKLCH 0.4348 0.1664 281.6 0.7017 0.1315 114.8

对比度与无障碍

3.27:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA83C → 背景色: #473CA8

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

文本: #473CA8 → 背景色: #9DA83C

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #473CA8, #9DA83C);
background: linear-gradient(135deg, #473CA8, #9DA83C);

探索每种颜色

相关比较