#166E21

#166E21

#6E1663

#6E1663

对比度

1.68:1

Delta E

106.34

Very Different

50:50 混合

#554D46

颜色值

格式 #166E21 #6E1663
HEX #166E21 #6E1663
RGB 22, 110, 33 110, 22, 99
HSL 127.5, 66.7%, 25.9% 307.5, 66.7%, 25.9%
HSV 127.5, 80.0%, 43.1% 307.5, 80.0%, 43.1%
CMYK 80.0%, 0.0%, 70.0%, 56.9% 0.0%, 80.0%, 10.0%, 56.9%
OKLCH 0.4716 0.1379 144.6 0.3829 0.1488 333.8

对比度与无障碍

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #6E1663 → 背景色: #166E21

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

文本: #166E21 → 背景色: #6E1663

色差 (Delta E)

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

渐变

#166E21 #37642F #48593B #554D46 #5F3F50 #672F5A #6E1663

颜色混合

#166E21

100%

#405E35

75:25

#554D46

50:50

#633755

25:75

#6E1663

100%

CSS渐变代码

background: linear-gradient(to right, #166E21, #6E1663);
background: linear-gradient(135deg, #166E21, #6E1663);

探索每种颜色

#166E21

查看完整颜色详情

#6E1663

查看完整颜色详情

相关比较