#507185

#507185

#856450

#856450

对比度

1.03:1

Delta E

35.49

Very Different

50:50 混合

#706B6A

颜色值

格式 #507185 #856450
HEX #507185 #856450
RGB 80, 113, 133 133, 100, 80
HSL 202.6, 24.9%, 41.8% 22.6, 24.9%, 41.8%
HSV 202.6, 39.8%, 52.2% 22.6, 39.8%, 52.2%
CMYK 39.8%, 15.0%, 0.0%, 47.8% 0.0%, 24.8%, 39.8%, 47.8%
OKLCH 0.5312 0.0493 235.5 0.5315 0.0524 52.5

对比度与无障碍

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #856450 → 背景色: #507185

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

文本: #507185 → 背景色: #856450

色差 (Delta E)

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

渐变

#507185 #5D6F7C #676D73 #706B6A #786862 #7F6659 #856450

颜色混合

#507185

100%

#626E78

75:25

#706B6A

50:50

#7B675D

25:75

#856450

100%

CSS渐变代码

background: linear-gradient(to right, #507185, #856450);
background: linear-gradient(135deg, #507185, #856450);

探索每种颜色

#507185

查看完整颜色详情

#856450

查看完整颜色详情

相关比较