#166322

#166322

#631657

#631657

对比度

1.59:1

Delta E

94.31

Very Different

50:50 混合

#4C453F

颜色值

格式 #166322 #631657
HEX #166322 #631657
RGB 22, 99, 34 99, 22, 87
HSL 129.4, 63.6%, 23.7% 309.4, 63.6%, 23.7%
HSV 129.4, 77.8%, 38.8% 309.4, 77.8%, 38.8%
CMYK 77.8%, 0.0%, 65.7%, 61.2% 0.0%, 77.8%, 12.1%, 61.2%
OKLCH 0.4392 0.1228 145.4 0.3571 0.1329 335.1

对比度与无障碍

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #631657 → 背景色: #166322

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

文本: #166322 → 背景色: #631657

色差 (Delta E)

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

渐变

#166322 #315A2D #415037 #4C453F #553947 #5D2B4F #631657

颜色混合

#166322

100%

#3A5532

75:25

#4C453F

50:50

#59324B

25:75

#631657

100%

CSS渐变代码

background: linear-gradient(to right, #166322, #631657);
background: linear-gradient(135deg, #166322, #631657);

探索每种颜色

#166322

查看完整颜色详情

#631657

查看完整颜色详情

相关比较