#393D6E

#393D6E

#6E6A39

#6E6A39

对比度

1.83:1

Delta E

62.21

Very Different

50:50 混合

#5A5355

颜色值

格式 #393D6E #6E6A39
HEX #393D6E #6E6A39
RGB 57, 61, 110 110, 106, 57
HSL 235.5, 31.7%, 32.7% 55.5, 31.7%, 32.7%
HSV 235.5, 48.2%, 43.1% 55.5, 48.2%, 43.1%
CMYK 48.2%, 44.5%, 0.0%, 56.9% 0.0%, 3.6%, 48.2%, 56.9%
OKLCH 0.3813 0.083 278.2 0.5161 0.0692 104.4

对比度与无障碍

1.83:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #6E6A39 → 背景色: #393D6E

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

文本: #393D6E → 背景色: #6E6A39

色差 (Delta E)

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

渐变

#393D6E #464466 #514B5E #5A5355 #615A4D #686243 #6E6A39

颜色混合

#393D6E

100%

#4C4862

75:25

#5A5355

50:50

#655E48

25:75

#6E6A39

100%

CSS渐变代码

background: linear-gradient(to right, #393D6E, #6E6A39);
background: linear-gradient(135deg, #393D6E, #6E6A39);

探索每种颜色

#393D6E

查看完整颜色详情

#6E6A39

查看完整颜色详情

相关比较