#167D30

#167D30

#7D1663

#7D1663

对比度

1.85:1

Delta E

109.71

Very Different

50:50 混合

#60564D

颜色值

格式 #167D30 #7D1663
HEX #167D30 #7D1663
RGB 22, 125, 48 125, 22, 99
HSL 135.1, 70.1%, 28.8% 315.1, 70.1%, 28.8%
HSV 135.1, 82.4%, 49.0% 315.1, 82.4%, 49.0%
CMYK 82.4%, 0.0%, 61.6%, 51.0% 0.0%, 82.4%, 20.8%, 51.0%
OKLCH 0.517 0.1447 146.9 0.4089 0.1577 340.8

对比度与无障碍

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #7D1663 → 背景色: #167D30

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

文本: #167D30 → 背景色: #7D1663

色差 (Delta E)

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

渐变

#167D30 #3D713B #526444 #60564D #6C4754 #75345C #7D1663

颜色混合

#167D30

100%

#496B40

75:25

#60564D

50:50

#713E58

25:75

#7D1663

100%

CSS渐变代码

background: linear-gradient(to right, #167D30, #7D1663);
background: linear-gradient(135deg, #167D30, #7D1663);

探索每种颜色

#167D30

查看完整颜色详情

#7D1663

查看完整颜色详情

相关比较