#36498F

#36498F

#8F7C36

#8F7C36

对比度

2.04:1

Delta E

85.21

Very Different

50:50 混合

#706166

颜色值

格式 #36498F #8F7C36
HEX #36498F #8F7C36
RGB 54, 73, 143 143, 124, 54
HSL 227.2, 45.2%, 38.6% 47.2, 45.2%, 38.6%
HSV 227.2, 62.2%, 56.1% 47.2, 62.2%, 56.1%
CMYK 62.2%, 49.0%, 0.0%, 43.9% 0.0%, 13.3%, 62.2%, 43.9%
OKLCH 0.428 0.1176 269.5 0.5894 0.0926 94.2

对比度与无障碍

2.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #8F7C36 → 背景色: #36498F

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

文本: #36498F → 背景色: #8F7C36

色差 (Delta E)

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

渐变

#36498F #505182 #625974 #706166 #7C6A57 #867348 #8F7C36

颜色混合

#36498F

100%

#5A547B

75:25

#706166

50:50

#816E50

25:75

#8F7C36

100%

CSS渐变代码

background: linear-gradient(to right, #36498F, #8F7C36);
background: linear-gradient(135deg, #36498F, #8F7C36);

探索每种颜色

#36498F

查看完整颜色详情

#8F7C36

查看完整颜色详情

相关比较