#166311

#166311

#5E1163

#5E1163

对比度

1.63:1

Delta E

107.44

Very Different

50:50 混合

#4B4440

颜色值

格式 #166311 #5E1163
HEX #166311 #5E1163
RGB 22, 99, 17 94, 17, 99
HSL 116.3, 70.7%, 22.7% 296.3, 70.7%, 22.7%
HSV 116.3, 82.8%, 38.8% 296.3, 82.8%, 38.8%
CMYK 77.8%, 0.0%, 82.8%, 61.2% 5.1%, 82.8%, 0.0%, 61.2%
OKLCH 0.4375 0.1349 142.2 0.352 0.1456 325.3

对比度与无障碍

1.63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #5E1163 → 背景色: #166311

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

文本: #166311 → 背景色: #5E1163

色差 (Delta E)

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

渐变

#166311 #325925 #414F33 #4B4440 #53374C #592858 #5E1163

颜色混合

#166311

100%

#3A542C

75:25

#4B4440

50:50

#573052

25:75

#5E1163

100%

CSS渐变代码

background: linear-gradient(to right, #166311, #5E1163);
background: linear-gradient(135deg, #166311, #5E1163);

探索每种颜色

#166311

查看完整颜色详情

#5E1163

查看完整颜色详情

相关比较