#173885

#173885

#856417

#856417

对比度

1.97:1

Delta E

94.57

Very Different

50:50 混合

#654C54

颜色值

格式 #173885 #856417
HEX #173885 #856417
RGB 23, 56, 133 133, 100, 23
HSL 222.0, 70.5%, 30.6% 42.0, 70.5%, 30.6%
HSV 222.0, 82.7%, 52.2% 42.0, 82.7%, 52.2%
CMYK 82.7%, 57.9%, 0.0%, 47.8% 0.0%, 24.8%, 82.7%, 47.8%
OKLCH 0.3676 0.1352 263.6 0.5234 0.0987 83.5

对比度与无障碍

1.97:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #856417 → 背景色: #173885

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

文本: #173885 → 背景色: #856417

色差 (Delta E)

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

渐变

#173885 #413E75 #564565 #654C54 #725443 #7C5C30 #856417

颜色混合

#173885

100%

#4C416D

75:25

#654C54

50:50

#77583A

25:75

#856417

100%

CSS渐变代码

background: linear-gradient(to right, #173885, #856417);
background: linear-gradient(135deg, #173885, #856417);

探索每种颜色

#173885

查看完整颜色详情

#856417

查看完整颜色详情

相关比较