#193A85

#193A85

#856419

#856419

对比度

1.93:1

Delta E

92.53

Very Different

50:50 混合

#664D55

颜色值

格式 #193A85 #856419
HEX #193A85 #856419
RGB 25, 58, 133 133, 100, 25
HSL 221.7, 68.4%, 31.0% 41.7, 68.4%, 31.0%
HSV 221.7, 81.2%, 52.2% 41.7, 81.2%, 52.2%
CMYK 81.2%, 56.4%, 0.0%, 47.8% 0.0%, 24.8%, 81.2%, 47.8%
OKLCH 0.3727 0.132 263.4 0.5235 0.0976 83.2

对比度与无障碍

1.93:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #856419 → 背景色: #193A85

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

文本: #193A85 → 背景色: #856419

色差 (Delta E)

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

渐变

#193A85 #414075 #564665 #664D55 #725444 #7C5C31 #856419

颜色混合

#193A85

100%

#4D436D

75:25

#664D55

50:50

#77583B

25:75

#856419

100%

CSS渐变代码

background: linear-gradient(to right, #193A85, #856419);
background: linear-gradient(135deg, #193A85, #856419);

探索每种颜色

#193A85

查看完整颜色详情

#856419

查看完整颜色详情

相关比较