#217629

#217629

#76216E

#76216E

对比度

1.67:1

Delta E

106.95

Very Different

50:50 混合

#5C544F

颜色值

格式 #217629 #76216E
HEX #217629 #76216E
RGB 33, 118, 41 118, 33, 110
HSL 125.6, 56.3%, 29.6% 305.6, 56.3%, 29.6%
HSV 125.6, 72.0%, 46.3% 305.6, 72.0%, 46.3%
CMYK 72.0%, 0.0%, 65.3%, 53.7% 0.0%, 72.0%, 6.8%, 53.7%
OKLCH 0.4984 0.1382 144.5 0.4125 0.1491 332.0

对比度与无障碍

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #76216E → 背景色: #217629

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

文本: #217629 → 背景色: #76216E

色差 (Delta E)

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

渐变

#217629 #3E6C37 #506044 #5C544F #67475A #6F3764 #76216E

颜色混合

#217629

100%

#48663E

75:25

#5C544F

50:50

#6B3F5F

25:75

#76216E

100%

CSS渐变代码

background: linear-gradient(to right, #217629, #76216E);
background: linear-gradient(135deg, #217629, #76216E);

探索每种颜色

#217629

查看完整颜色详情

#76216E

查看完整颜色详情

相关比较