#393D9E

#393D9E

#9E9A39

#9E9A39

对比度

3.06:1

Delta E

115.07

Very Different

50:50 混合

#7D6972

颜色值

格式 #393D9E #9E9A39
HEX #393D9E #9E9A39
RGB 57, 61, 158 158, 154, 57
HSL 237.6, 47.0%, 42.2% 57.6, 47.0%, 42.2%
HSV 237.6, 63.9%, 62.0% 57.6, 63.9%, 62.0%
CMYK 63.9%, 61.4%, 0.0%, 38.0% 0.0%, 2.5%, 63.9%, 38.0%
OKLCH 0.4175 0.1544 275.6 0.6706 0.1181 106.9

对比度与无障碍

3.06:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9E9A39 → 背景色: #393D9E

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

文本: #393D9E → 背景色: #9E9A39

色差 (Delta E)

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

渐变

#393D9E #584B90 #6D5A81 #7D6972 #8A7962 #95894F #9E9A39

颜色混合

#393D9E

100%

#635288

75:25

#7D6972

50:50

#8F8159

25:75

#9E9A39

100%

CSS渐变代码

background: linear-gradient(to right, #393D9E, #9E9A39);
background: linear-gradient(135deg, #393D9E, #9E9A39);

探索每种颜色

#393D9E

查看完整颜色详情

#9E9A39

查看完整颜色详情

相关比较