#166312

#166312

#5F1263

#5F1263

对比度

1.61:1

Delta E

106.75

Very Different

50:50 混合

#4C4440

颜色值

格式 #166312 #5F1263
HEX #166312 #5F1263
RGB 22, 99, 18 95, 18, 99
HSL 117.0, 69.2%, 22.9% 297.0, 69.2%, 22.9%
HSV 117.0, 81.8%, 38.8% 297.0, 81.8%, 38.8%
CMYK 77.8%, 0.0%, 81.8%, 61.2% 4.0%, 81.8%, 0.0%, 61.2%
OKLCH 0.4376 0.1344 142.3 0.3544 0.1451 325.9

对比度与无障碍

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #5F1263 → 背景色: #166312

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

文本: #166312 → 背景色: #5F1263

色差 (Delta E)

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

渐变

#166312 #325925 #414F33 #4C4440 #54384C #5A2958 #5F1263

颜色混合

#166312

100%

#3A542D

75:25

#4C4440

50:50

#573152

25:75

#5F1263

100%

CSS渐变代码

background: linear-gradient(to right, #166312, #5F1263);
background: linear-gradient(135deg, #166312, #5F1263);

探索每种颜色

#166312

查看完整颜色详情

#5F1263

查看完整颜色详情

相关比较