#355685

#355685

#856435

#856435

对比度

1.37:1

Delta E

62.14

Very Different

50:50 混合

#695C5E

颜色值

格式 #355685 #856435
HEX #355685 #856435
RGB 53, 86, 133 133, 100, 53
HSL 215.2, 43.0%, 36.5% 35.2, 43.0%, 36.5%
HSV 215.2, 60.2%, 52.2% 35.2, 60.2%, 52.2%
CMYK 60.2%, 35.3%, 0.0%, 47.8% 0.0%, 24.8%, 60.2%, 47.8%
OKLCH 0.4506 0.0867 257.3 0.5265 0.0767 74.5

对比度与无障碍

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #856435 → 背景色: #355685

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

文本: #355685 → 背景色: #856435

色差 (Delta E)

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

渐变

#355685 #4C5878 #5C5A6B #695C5E #745F51 #7D6144 #856435

颜色混合

#355685

100%

#555972

75:25

#695C5E

50:50

#78604A

25:75

#856435

100%

CSS渐变代码

background: linear-gradient(to right, #355685, #856435);
background: linear-gradient(135deg, #355685, #856435);

探索每种颜色

#355685

查看完整颜色详情

#856435

查看完整颜色详情

相关比较